/*----------------------------------------------*/
/*               TABLE OF CONTENTS              */
/*----------------------------------------------*
	
1.0 - BASE
	1.1 - fonts
	1.2 - reset
	1.3 - defaults
	
2.0 - LAYOUT
	2.1 - clearfix
	2.2 - grid
	2.3 - page
	
3.0 - HEADER
	3.1 - logo
	3.2 - slogan
	3.3 - main nav
	3.4 - search
	3.5 - secondary nav
	3.6 - breaking news
	
4.0 - CONTENT
	4.1 - pager
	4.2 - page title
	4.3 - page title nav
	4.4 - hot news
	4.5 - featured news
	4.6 - popular news
	4.7 - recent news
	4.8 - most posts
	4.9 - video player
	4.10 - blog author
	4.11 - blog list
	4.12 - blog grid
	4.13 - blog post
	4.14 - blog comments
	4.15 - related posts
	4.16 - add comment
	4.17 - contacts map
	4.18 - error-404
	
5.0 - WIDGETS
	5.1 - widget
	5.2 - widgets switcher
	5.3 - widgets area
	5.4 - witgets holder
	5.5 - widget socials
	5.6 - widget events
	5.7 - widget tags
	5.8 - widget weather
	5.9 - widget poll
	5.10 - widget instagram
	5.11 - widget comments
	5.12 - widget categories
	5.13 - widget popular
	5.14 - widget sponsor
	
6.0 - FOOTER
	6.1 - about
	6.2 - tweets
	6.3 - subscribe
	6.4 - photos
	6.5 - nav
	6.6 - copyrights
	6.7 - scroll top
	
	

/*----------------------------------------------*/
/*                     BASE                     */
/*----------------------------------------------*/

/**/
/* fonts */
/**/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300|Roboto:300,400,600,700|Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css2?family=Noto+Emoji&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');



/*@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;600&display=swap');*/


@font-face {
  font-family: 'Circular';
  src: url('/catalog/view/javascript/fonts/CircularStd-Black.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circular';
  src: url('/catalog/view/javascript/fonts/CircularStd-Bold.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circular';
  src: url('/catalog/view/javascript/fonts/CircularStd-Medium.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circular';
  src: url('/catalog/view/javascript/fonts/CircularStd-Book.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circular';
  src: url('/catalog/view/javascript/fonts/CircularStd-Book.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Glitch';
  src: url('/catalog/view/javascript/fonts/glitch-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Glitch 2';
  src: url('/catalog/view/javascript/fonts/glitch-webfont.woff2') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
  
  
/**/
/* reset */
/**/
html, body, iframe, header, footer, main, aside, nav, section, article, div,
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, hr, blockquote, pre,
a, address, del, em, i, strong, sub, sup, figure, figcaption, img,
form, fieldset, legend, label, input, select, textarea, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	background: none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html, body, iframe, header, footer, main, aside, nav, section, article, div,
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, hr, blockqoute, pre, figure, figcaption,
form, fieldset, legend, label, input, select, textarea, button {
	display: block;
}
body {
	font-family: 'Noto Emoji', sans-serif;
  }
hr {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    border-top: 1px solid rgba(165,165,165 ,.3);
}
p {
	margin-top: 0;
    margin-bottom: 1rem;
    font-size: 16px;
    line-height: 1.5em;
    text-rendering: optimizeLegibility;
	font-family: 'Poppins',sans-serif;
	font-weight: normal;
}
b, strong {
	font-weight:600;
}
.content p {
	margin-bottom:1em;
}
h1, h2, h3, h4, h5, h6 {
	color:#000;
	margin-top: 20px;
    margin-bottom: 10px;
}
h1 {
    font-size: 26px;
    font-weight: 800;
}
h2 {
    border-bottom: none;
    font-size: 20px;
    font-weight: 700;
	margin-top: 0;
	margin-bottom: 8px;
}
h2.sec-title {
	margin-bottom: 16px;
    font-size: 32px;
    font-weight: 600 !important;
}
h3 {
    font-size: 16px;
    font-weight: 600;
}
h4 {
	font-size:1.1em;
	font-weight:400;
}
.h5, h5 {
    font-size: 1.25rem;
}
.h6, h6 {
    margin-bottom:15px;
}
@media screen and (max-width: 767px) { /* phone */
	.h5, h5 {
		font-size: 1.55rem !important;
	}
	.h6, h6 {
		font-size: 1.3rem !important;
	}
	#back {
		position: fixed;
		top: 2px;
    	left: 5px;
		z-index: 12;
	}
	#back.back-fixed {
		position: fixed;
	}
	#back .btn-back::before {
		content: "\f053";
		font-family: FontAwesome;
		height: 45px;
		top: 15px;
		position: absolute;
		left: 15px;
		font-size: 1.5em;
	}
}
dl, dt, dd {
	list-style: none;
}
li {
	display:list-item;
	font-family: 'Poppins',sans-serif;
}

/** Page Loading Animation **/

#loading-animation {
    display: block;
    position: absolute;
    z-index: 1050;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: rgba(0, 0, 0, 0.65);*/
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    justify-content: center;
    align-items: center;
    flex-direction: column;
	height:100vh;
}
#contentWrapper  {
	height:100%;
}
#contentWrapper #loading-animation {
	position:initial !important;
	background:none !important;
	width:100%;
}
#widget-wrapper #loading-animation {
	height: auto !important;
}
body.light_mode #loading-animation, #widget-wrapper #loading-animation {
    background-color: rgba(255, 255, 255, 0.65);
}
body.light_mode #loading-animation p, #widget-wrapper #loading-animation p {
	color:#333;
}
body.light_mode img.for_dark_mode {
	display:none !important;
}
body.dark_mode img.for_light_mode {
	display:none !important;
}
body.dark_mode #loading-animation {
    background-color: rgba(0, 0, 0, 0.65);
}
body.dark_mode #loading-animation p {
	color:#fff;
}
#loading-animation p {
	font-weight: 600 !important;
	letter-spacing: 3px;
}
.sk-circle {
  margin: 30px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.dark_mode .sk-circle .sk-child:before {
	background-color: #fff;
}
body.light_mode .sk-circle .sk-child:before {
	background-color: #333;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

section#legal > div > ol li {
	list-style: decimal;
    display: list-item;
    padding-left: 10px;
    margin-left: 35px;
    line-height: 1.5em;
    padding-top: 10px;
	font-weight: normal;
    font-family: 'Roboto',sans-serif;
	color:#3f3f3f;
}
section#legal > div > ol li ul li {
	list-style: lower-alpha;
}
#tab-specification table {
	color:white;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.account-order-info .table-bordered tr {
	box-shadow: 0px 2px 0px rgba(255,255,255,.5);
}   
.account-order-info .table-bordered tr:first-child {
	box-shadow:none;
}
.table-bordered {
    border: none;
    background: none;
}
.table-bordered td {
    border-right: 0 !important;
    border-left: 0 !important;
    border-color: #4f515b;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	border-top:none;
	vertical-align:middle;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border-left: none;
	border-right: none;
	border-color: rgba(165,165,165 ,.3);
}
.table-bordered>thead>tr>th {
	background: #eaeaea;
	border-left:2px solid #fff;
	border-top: none;
    border-bottom: none;
}
body.dark_mode .table-bordered>thead>tr>th {
	background: #0f0f0f;
	border-left:2px solid #252526;
}
.table-bordered>thead>tr>th:first-child {
	border-left:none;
}
body.dark_mode .table-hover>tbody>tr:hover {
    background-color: #22232f;
}
body.light_mode .table-hover>tbody>tr:hover {
    background-color: #f5f5f5;
}
body.light_mode .text-title-blog {
    color: #333;
}
.text-title-blog {
    color: #fff;
}
.product-prev .table>tbody>tr>td {
	padding:3px;
}
.product-prev ul.list-unstyled > li a {
	text-decoration:underline;
}
body.product-product-200 .scroll-top {
    display: none;
}
body.account-register h1 {
	color: inherit;
}
body.account-register .sponsored {
	width: 100%;
    bottom: -45px;
    position: absolute;
    top: unset;
    color: rgba(255,255,255,.5);	
}
body.account-register .form-inline input[type="text"], body.account-register .form-horizontal input[type="text"], body.account-register .form-horizontal input[type="email"], body.account-register .form-horizontal input[type="tel"], body.account-register .form-horizontal input[type="password"] {
	border: 1px solid rgba(165,165,165 ,.3)!important;
}
.sponsored {
    position: fixed;
    top: 11px;
    z-index: 9999;
    left: 16.333%;
    text-align: left;
    color: rgba(105,105,105,.8);
    width: 600px;
    border-left: 1px solid rgba(105,105,105,.3);
}
.sponsored .fa-envelope {font-size: 2rem;}
.sponsored .name {
    padding-top: 5px;
}

@media screen and (max-width: 767px) { /* phone */
	.sponsored {
		position: fixed;
		bottom: 0;
		color: white;
		z-index: 9999;
		left: 0;
		top:unset;
		text-align: center;
		background: #000;
		width: 100%;
		padding: 5px 20px;
	}
	.video-box.vertical {
		padding-top: 210%;
	}
}
code {
	padding: 2px 15px;
    display: block;
    line-height: 2em;
    font-size: 90%;
    margin: 10px 0 20px;
    color: #1c82f7;
    background-color: #cae0ff;
    border-radius: 4px;
}
textarea.code-container-textarea {
	font-family: courier new,courier;
    font-size: 12px !important;
    max-width: 800px;
    overflow: auto;
    resize: none;
}
span.hint {
	font-weight: 500;
    font-size: .9em;
    color: #167ac6;
}
a, button {
	cursor: pointer;
}
.hr {
	padding-top: 20px;
    clear: both;
    border-bottom: 1px solid rgba(165,165,165 ,.3)!important;
    margin-bottom: 20px;
}
button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

h4.welcome-tag {
	margin: 1em 0 1em 0; text-align: center !important; color:#848484; font-size:20px;
	line-height:30px;
	font-family: 'Roboto',arial,sans-serif;
}
.terms {
    font-size: 1em;
    color: #555;
    line-height: 1.5em;
}
.terms a.agree {
	color:#00e363;
}
.login {
    border-top: 1px solid #e5e5e5;
    clear: both;
    padding-top: 20px;
	display: flex;
}
.login a, .login a:visited{
    color:#1c82f7;
}
a.button-invest {
	color:#fff !important;
}
a.button-invest:hover {
	color:#000 !important;
}
.button-invest {
	width: 40%;
    margin: 0 auto;
    padding: 5px 1.5em;
    text-align: center;
    background: #00e363;
    font-size: 1.5em;
    line-height: 2.5em;
    color: #fff;
	transition: background 0.3s, color 0.3s;
	display:block;
	text-decoration:none;
}
.button-reactivate {
	width: 100%;
    margin: 0 auto;
    padding: 5px 1.5em;
    text-align: center;
    background: #00e363;
    font-size: 1.5em;
    line-height: 2em;
    color: #fff !important;
	transition: background 0.3s, color 0.3s;
	display:block;
	text-decoration:none;
}
.button-reactivate:hover {
	background:#27a2d2;
}
.button-app {
	padding: 15px 1.5em;
    text-align: center;
    background: #ffcc39;
    font-size: 1.3em;
    line-height: 2.5em;
    color: #000;
    border-radius: 10px;
    transition: background 0.3s, color 0.3s;
    text-decoration: none;
}
.button-app:hover {
    background: #f9c42b;
	color:#fff;
}
a.button-subs {
	color:#fff !important;
}
.button-subs {
	width: 40%;
    margin: 0 auto;
    padding: 5px 1.5em;
    text-align: center;
    background: #e44869;
    font-size: 1.3em;
    line-height: 2.2em;
    color: #fff;
	transition: background 0.3s;
	display:block;
	text-decoration:none;
	border-radius:10px;
}
.button-subs:hover {
    background: #00e363;
}

/** MP BLOG **/
body.mpblog-blog-view .content{
  text-align: justify;
  margin-top:10px;
}
body.mpblog-blog-view .comment-list{
  margin-top: 10px;
  font-size: 16px;
}
body.mpblog-blog-view .publish-date{
  margin-left: 20px;
}
body.mpblog-blog-view .comment-text{
  padding: 12px;
}
body.mpblog-blog-view h2.blog__heading {
    line-height: inherit;
    margin-top: 10px;
    font-size: 1.5em;
    margin-bottom: 10px;
}
body.mpblog-blog-view p.blog__cat-desc {
    color: #222;
}
body.mpblog-blog-view .blog__text-actions {
    color: #888;
    font-size: .9em;
    font-weight: 400;
}
body.mpblog-blog-view .blog__review {
	padding: 0.75rem 0.35rem;
    min-height: 50px;
    margin-bottom: 10px;
}
body.mpblog-blog-view .blog__review .blog__avatar {
    margin-right: 15px;
    margin-left: 5px;
}
body.mpblog-blog-view .blog__review .blog__text {
	width: 100%;
}
body.mpblog-blog-view .blog__review .blog__rating {
	float: right;
	margin-right: 10px;
}
body.mpblog-blog-view .blog__review img {
    border-radius: 40%;
    width: 65px;
    background: #191924;
    padding: 3px;
    border: 2px solid rgba(255,255,255,.35);
}
body.mpblog-blog-view .blog__review .blog__text .blog__text-title{
    font-size: 1.5em;
    color: white;
    line-height: inherit;
}
body.mpblog-blog-view .blog__review .blog__text .blog__text-subtitle {
    font-size: .9em;
    color: #bdbec2;
    line-height: inherit;
    margin-bottom: 0.35em;
}
body.mpblog-blog-view .blog__review .blog__text .blog__text-owner {
    font-size: 1.2em;
    align-items: center;
    display: flex;
    color: white;
    line-height: inherit;
}
body.mpblog-blog-view .comment-button {
	display: flex;
	align-items: center;
    justify-content: flex-end;
}	
body.mpblog-blog-view .star-cb-group {
  display: flex;
  direction: rtl;
	margin-right: 1em;
}
body.mpblog-blog-view .star-cb-group > input {
    display: none;
}
 body.mpblog-blog-view .star-cb-group > input + label {
      /* only enough room for the star */
      display: inline-block;
      overflow: hidden;
      text-indent: 9999px;
      width: 1.3em;
      white-space: nowrap;
      cursor: pointer;
  	  font-family: 'Font Awesome 5 Free';
    font-size: 1.2em;
    margin: 0 1px;
}
 body.mpblog-blog-view .star-cb-group > input + label:before {
        display: inline-block;
        text-indent: -9999px;
        content: "\f005";
        color: #888;
      }
 body.mpblog-blog-view .star-cb-group > input:checked ~ label:before,
 body.mpblog-blog-view .star-cb-group > input + label:hover ~ label:before,
 body.mpblog-blog-view .star-cb-group > input + label:hover:before {
      content: "\f005";
      color: #ffd200;
    font-weight: 900;
      text-shadow: 0 0 1px #333;
    }

  /* the hidden clearer */
  body.mpblog-blog-view .star-cb-group > .star-cb-clear + label {
    text-indent: -9999px;
    width: 0.5em;
    margin-left: -0.5em;
  }
 body.mpblog-blog-view .star-cb-group > .star-cb-clear + label:before {
    width: 0.5em;
  }

 body.mpblog-blog-view .star-cb-group:hover > input + label:before {
    content: "\f005";
    color: #888;
    text-shadow: none;
  }
 body.mpblog-blog-view .star-cb-group:hover > input + label:hover ~ label:before,
 body.mpblog-blog-view .star-cb-group:hover > input + label:hover:before {
    content: "\f005";
    color: #ffd200;
    font-weight: 900;
    text-shadow: 0 0 1px #333;
  }
/* MP BLOG COLUMN RIGHT */

body.mpblog-blog-view .block-title {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
}
body.mpblog-blog-view .categories  ul  li  a, body.mpblog-blog-view .item a {
  color: #333333;
  font-size:13px;
}
body.mpblog-blog-view .item a.btn {
  color: #fff;
}
#blog__menu ul.components a {
	color:inherit;
}
body.mpblog-blog.light_mode .recent-posts ul.components a > li, body.mpblog-blog-view.light_mode .recent-posts ul.components a > li {
	background: none;
}
body.mpblog-blog.light_mode .recent-posts ul.components a > li.current, body.mpblog-blog-view.light_mode .recent-posts ul.components a > li.current {
	color: #222;
	background: rgb(255 210 85);
	font-weight: 700;
}
body.mpblog-blog .recent-posts ul.components a > li, body.mpblog-blog-view .recent-posts ul.components a > li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    border: none;
    border-radius: 0.75em;
    padding: 10px 15px;
		padding-right: 35px;
    background: none;
	transition: all .3s;
	font-weight: 500;
}
body.mpblog-blog .recent-posts ul.components a > li:hover, body.mpblog-blog-view .recent-posts ul.components a > li:hover {
		background:#dedddd;
}
body.mpblog-blog.dark_mode .recent-posts ul.components a > li:hover, body.mpblog-blog-view.dark_mode .recent-posts ul.components a > li:hover {
	background:#252526;
}
body.mpblog-blog .recent-posts ul.components a > li.current, body.mpblog-blog-view .recent-posts ul.components a > li.current {
    color: #ffffff;
    border-color: #395ff6;
}
body.mpblog-blog.dark_mode .recent-posts ul.components a > li.current, body.mpblog-blog-view.dark_mode .recent-posts ul.components a > li.current {
	color: #222;
	background: rgb(255 210 85);
	font-weight: 700;
}
p.blog__cat-desc {
  font-size: 16px;
  line-height: 1.3em;
  color: #222;
}
body.dark_mode p.blog__cat-desc {
	color: #ddd;
}
.opacity--muted {
	opacity: .6!important;
}
a span.viewed {
	position: absolute;
    top: 8px;
    right: 8px;
    color: black;
    background: rgb(255 206 60);
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}
div span.viewed {
    margin-left: 5px;
}
div span.watched {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000000;
    background: rgb(255 206 60);
    border-radius: 0.75em;
    padding: 2px 10px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}
@keyframes popIn {
	0% {
	  transform: scale(0);
		  opacity:0;
	}
	85% {
	  transform: scale(1.2);
		  opacity:1;
	}
	100% {
	  transform: scale(1);
		  opacity:1;
	}
  }
  
  .pop-in {
	animation: popIn 0.3s cubic-bezier(0, 0, 0.2, 1.29) 1s forwards;
  }
.blog__post.watched {
    border: 2px solid rgb(255 206 60) !important;
}
.blog__post {
    cursor: pointer;
}
body.dark_mode .block-bg.white-box {
	background:#3a3b3d;
}
.watched {
  background: rgb(98 102 244 / 85%);
}
.content{
  text-align: justify;
  margin-top:10px;
}
.comment-list{
  margin-top: 10px;
  font-size: 16px;
}
.publish-date{
  margin-left: 20px;
}
.comment-text{
  padding: 12px;
}
h2.blog__heading {
    color:white;
    line-height: inherit;
    margin-top: 10px;
    font-size: 1.5em;
    margin-bottom: 10px;
}
.blog__text-actions {
    color: #888;
    font-size: .9em;
    font-weight: 400;
}
.blog__review {
	padding: 0.75rem 0.35rem;
    min-height: 50px;
    margin-bottom: 10px;
}
.blog__review .blog__avatar {
    margin-right: 15px;
    margin-left: 5px;
}
.blog__review .blog__text {
	width: 100%;
}
.blog__review .blog__rating {
	float: right;
	margin-right: 10px;
}
.blog__review img {
    border-radius: 40%;
    width: 65px;
    background: #191924;
    padding: 3px;
    border: 2px solid rgba(255,255,255,.35);
}
.blog__review .blog__text .blog__text-title{
    font-size: 1.5em;
    color: white;
    line-height: inherit;
}
.blog__review .blog__text .blog__text-subtitle {
    font-size: .9em;
    color: #bdbec2;
    line-height: inherit;
    margin-bottom: 0.35em;
}
.blog__review .blog__text .blog__text-owner {
    font-size: 1.2em;
    align-items: center;
    display: flex;
    color: white;
    line-height: inherit;
}
.comment-button {
	display: flex;
	align-items: center;
    justify-content: flex-end;
}	
.star-cb-group {
  display: flex;
  direction: rtl;
	margin-right: 1em;
}
.star-cb-group > input {
    display: none;
}
 .star-cb-group > input + label {
      /* only enough room for the star */
      display: inline-block;
      overflow: hidden;
      text-indent: 9999px;
      width: 1.3em;
      white-space: nowrap;
      cursor: pointer;
  	  font-family: 'Font Awesome 5 Free';
    font-size: 1.2em;
    margin: 0 1px;
}
 .star-cb-group > input + label:before {
        display: inline-block;
        text-indent: -9999px;
        content: "\f005";
        color: #888;
      }
 .star-cb-group > input:checked ~ label:before,
 .star-cb-group > input + label:hover ~ label:before,
 .star-cb-group > input + label:hover:before {
      content: "\f005";
      color: #ffd200;
    font-weight: 900;
      text-shadow: 0 0 1px #333;
    }

  /* the hidden clearer */
  .star-cb-group > .star-cb-clear + label {
    text-indent: -9999px;
    width: 0.5em;
    margin-left: -0.5em;
  }
  .star-cb-group > .star-cb-clear + label:before {
    width: 0.5em;
  }

 .star-cb-group:hover > input + label:before {
    content: "\f005";
    color: #888;
    text-shadow: none;
  }
 .star-cb-group:hover > input + label:hover ~ label:before,
 .star-cb-group:hover > input + label:hover:before {
    content: "\f005";
    color: #ffd200;
    font-weight: 900;
    text-shadow: 0 0 1px #333;
  }
@media only screen and (max-width: 767px) { /* phone */
	body.mpblog-blog-view .recent-posts ul.components > a > li {
	    font-size: 1.2em;
		margin-bottom: 5px;
	}
	body.mpblog-blog-view .modal-footer {
		border-top: 0;
		padding-top: 0;
	}
	body.mpblog-blog-view .modal-footer .buttons {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	body.mpblog-blog-view .tap-bar {
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		background: none;
		bottom: 20px;
	}
	body.mpblog-blog-view.light_mode .tap-bar {
		background: none;
	}
	body.mpblog-blog-view.light_mode .tap-bar-item a img {
		filter: invert(0);
	}
	body.mpblog-blog-view .tap-bar-item {
		background: #395ff6;
		border-radius: 50%;
	}
	body.mpblog-blog-view .modal-dialog {
		bottom: 50px;
    	padding: 0 7%;
	}
	body.mpblog-blog-view .modal-content {
		border-radius: 2.5em !important;
	}
}
/* MP BLOG ENDS */

.blog-post .cont .button-invest {
	width:auto;
	font-weight:100 !important;
	font-size:1.3em !important;
	text-decoration:none !important;
}
.blog-post .cont h1.right {
	text-align:right;
}
.button-invest:hover {
    background: #00e363;
	color:#000;
}
.condensed {
	font-family: 'Open Sans Condensed', sans-serif;
}
.dropdown-menu {
	font-family: 'Circular', sans-serif;
    position: absolute;
    top: 100%;
	border-radius:1em;
	border:none;
    z-index: 9999;
    display: none;
    float: left;
    min-width: 260px;
    padding: 0px;
    margin: 0;
    font-size: 16px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
	right:0;
	left:auto;
}
.header-menu {
	right:0 !important;
	position:fixed !important;
	top:55px !important;
}
.btn-selector {
  max-width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(144, 144, 144);
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    border-radius: 50%;
    padding: 10px;
}
.btn-selector:hover {
    background: rgb(228, 228, 228);
    color: rgb(32, 33, 36);
}
.selector-wrapper {
      padding: 2px;
    box-sizing: border-box;
    height: 40px;
    width: 40px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.btn-selector svg {
  width: 12px;
    height: 20px;
}
.community-menu ul.dropdown-menu li > a > i {
  display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: rgb(228, 228, 228);
    border-radius: 10px;
    color: #777777;
}
.community-menu ul.dropdown-menu span.name {
	font-size: 16px;
    white-space: initial;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow: hidden;
	color: inherit;
	text-align: left;
}
.community-menu ul.dropdown-menu a img {
	border-radius: 10px;
    min-width: 40px;
    min-height: 40px;
}
.dropdown-backdrop {
	z-index: 0 !important;
    background: rgba(0,0,0,0);
}
.account-links .dropdown-menu {
	min-width:100%;
}
.dropdown-menu > li {
	margin-left:5px !important;
	margin-right:5px !important;
}
.dropdown-menu-right {
    padding: 15px 30px;
}
.dropdown-menu > li > a:hover {
	background:none;
	color:#000 !important;
}
.dropdown-menu .forgotpass {
	font-size: 1em;
    margin-bottom: 20px;
    margin-top: 5px;
    float: left;
    line-height: 1.2em;
    color: #3360ff;
}
.dropdown-menu .forgotpass:hover {
	color:#000;
}
.dropdown-menu .rememberme {
	width: 12%;
    float: left;
    margin-top: 18px;
}
.dropdown-menu form input {
	border-bottom: 1px solid #cccccc;
    font-size: 1.3em;
    width: 100%;
    line-height: 2.5em;
}
.dropdown-menu form button {
	background: #00e363;
    font-size: 1.3em;
    width: 100%;
}
.ecslideshow {
	position:relative;
}
.section-shape-bottom {
    bottom: -3px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}
.section-shape-top {
    top: -2px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}
body.account-success .buttons {display:none;}
body.checkout-cart .table>tbody>tr>td.text-right {
	font-size: 1.4em;
}
body.checkout-cart .table>tbody>tr>td.text-right strong {
	font-weight:600 !important;
}
@media screen and (max-width: 979px) { /* pad */
	.button-subs {
		width: 50%;
	}
}
@media screen and (max-width: 767px) { /* phone */

	.dropdown.community-menu .dropdown-menu {
		height: calc(100vh - 60px);
		left: 0;
	}
	.tap-bar-item.dropdown.community-menu .dropdown-menu {
		height: calc(100vh - 150px);
	}
	.tap-bar-item.dropdown.community-menu .search .dropdown-menu {
		height:auto;
	}
	.tap-bar-item.dropdown.community-menu .search .dropdown-menu > li > a {
		height:auto;
		margin-top: 13px;
		text-align: left;
	}
	.zEWidget-launcher {
		bottom:55px !important;
	}
	.header-menu {
		right:0 !important;
		left:0 !important;
		position:fixed !important;
		top:55px !important;
	}
	.button-subs {
		width: 70%;
	}
	body.checkout-cart .table-responsive>.table>tbody>tr>td {
		white-space:inherit;
	}
	.table-responsive {
		border:none;
		margin-bottom:0;
	}
}
/** CHECKBOX **/

.box {
	width: 30px;
	height: 30px;
    display: flex;
    align-items: center;
    user-select: none;
    left: 10px;
    top: 10px;
}
.product-wrap .box {
	position: absolute;
}
.box label {
    font-size: 26px;
    opacity:0;
    color: #4D4D4D;
    position: absolute;
    z-index: 2;
    padding-left: 31px;
    cursor: pointer;
}
.box label.select {
	padding-left: 40px;
    opacity: 1;
    font-size: inherit;
    color: inherit;
    text-transform: uppercase;
    font-weight: 600;
}
.box input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
.box input:checked ~ .check {
    border-color: #000;
    box-shadow: 0px 0px 0px 15px #ffce3c inset;
}
.box input:checked ~ .check::after {
	opacity: 1;
	transform: scale(1);
}
body.light_mode .box .check {
	background: rgb(240 240 240);
}
.box .check {
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
    background-color: rgb(34 35 47);
    border: 2px solid rgba(165,165,165 ,.3);
        box-shadow: 0px 0px 0px 0px #ffce3c inset;
        transition: all 0.15s cubic-bezier(0, 1.05, 0.72, 1.07);
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: .8em;
	z-index:1;
}
body.dark_mode .faq-section {
    background: #060606;
}
.faq-section {
	border-radius: 18px !important;
    border: none !important;
    background: #efefef;
    padding: 10px 15px;
}
.faq-section .faq-question {
	font-size: 18px;
    padding-bottom: 5px;
    cursor: pointer;
    font-weight: 800;
}
.faq-section .faq-question i {
	font-size: 22px;
}
body.dark_mode .payment-tile-wrapper {
    background-color: #ffce3c;
    color: #000000;
}
.payment-tile-wrapper a {
	text-decoration: underline;
	color:#f7f7f7;
}
body.dark_mode .payment-tile-wrapper a {
	color: #000000;
}
.payment-tile-wrapper {
	display: block;
    border-radius: 18px;
    font-weight: 500;
    border: none;
    background-color: #202020;
    color: #f7f7f7;
    padding: 16px;
}
#saved-changes {
	opacity: 0;
    color: white;
    transition: .3s;
    background: rgb(76 175 80 / 85%);
    padding: 10px;
    width: fit-content;
    font-size: 55%;
    border-radius: 7px;
}
#saved-changes.active {
  opacity: 1;
}
@media screen and (max-width: 767px) { /* phone */
	.box .check {
		position: relative;
	}
}
.box .check::after {
    content: "\f00c";
    opacity: 0;
    z-index: 4;
    /*position: absolute;*/
    transform: scale(0);
    transition-delay: 0.2s !important;
    transition: all 0.25s cubic-bezier(0, 1.05, 0.72, 1.07);
    color: #000;
    align-items: center;
    top: 5px;
}


/** HOME LAB SECTION **/
.btn-oval {
	background: rgba(255,255,255,.5);
    margin-top: 50px;
    border-radius: 35px;
    padding: 10px;
	color:#fff;
}
.btn-access {
	border: 2px solid#3e57e2;
    background: rgba(0,0,0,.35);
	transition: color .3s;
	color:#a8b5fa;
}
.btn-access:hover, .btn-access:visited, .btn-access:focus {
	color:#fff;
}
body.common-home .page-content {
    padding-top: 0px;
    height: auto !important;
	max-width: 100%;
}
section#lab {
	height: 100vh;
}
body.common-home::-webkit-scrollbar {
    height: 0;  /* Remove scrollbar space */
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
#no-scroller {
	overflow: auto;
}
#no-scroller::-webkit-scrollbar {
    height: 0;  /* Remove scrollbar space */
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: transparent;
}
section#logo {
	height: 100vh;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.section-figure img.mediaobject-mask {
	position:absolute;
}
.section-figure .video-container {
	padding:3.5% 17% 4%;
}
.section-figure-img-1 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    width: fit-content;
    overflow: hidden;
    margin: 0 auto;
}
.section-figure-img-1 a {
	z-index: 7;
    position: absolute;
	cursor: pointer;
	transform: translatey(-100px);
}
h2.display-1 {
    font-size: 1.5em;
	font-weight: 700 !important;
}
h2.display-3 {
    font-size: 3em;
    font-weight: 700 !important;
    line-height: 1.1;
}
h2.display-2 {
    font-size: 2em;
	font-weight: 700 !important;
	line-height: 1em;
    margin-bottom: 10px;
}
.section-figure-img-1 img, .section-figure img {
	height: 100vh;
    width: auto;
    max-width: fit-content;
}
.absolute-left {
	position: relative;
    left: 0;
    min-height: 320px;
    z-index: -9;
    height: 100%;
}
.mediaimage-1, .mediaimage-2, .mediaimage-3, .mediaimage-4, .mediaimage-5, .mediaimage-6, .mediaimage-8 {
	display:none;
	position:absolute;
}
.mediaimage-7, .mediaimage-8, .mediaimage-9 {
	position: absolute;
    bottom: 0;
}
.mediaimage-portal {
	position:relative;
}
.mediaimage-light {
	position:absolute;
}
.mediaimage-8 {
	bottom:-300px;
	transition:.3s;
}
.mediaimage-8.show-actor {
	bottom:0px !important;
	display:block;
}
.mediaimage-4 {
	z-index:4;
}
.mediaimage-5 {
	z-index:5;
}
@media (max-width: 767px){ /* Phone */
	section#lab {
		overflow-x: scroll;
		overflow-y: hidden;
		position: relative;
		-webkit-overflow-scrolling: touch;
	}
}

/** SCROLL BAR **/

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: none; 
  border-radius: 5px;
  margin:20px;
  padding-margin:30px;
  background: transparent; 
}
body.light_mode ::-webkit-scrollbar-track {
  background: transparent; 
}
body.light_mode ::-webkit-scrollbar-thumb {
  background: transparent; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: transparent; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #3b71f9; 
}

/**/ 
/* home */
/**/

/*----------------------------------------------*/
/*         PRODUCT AFFILIATE PACK CSS           */
/*----------------------------------------------*/

#section-funnel {
	position:relative;
}
body.common-home .white-box {
	margin-bottom:0;
}
body.common-home .clear-box {
	background:#f5f5f5 !important;
}
body.common-home .price {display:none;}
body.common-home .middle {
	padding:0 10%;
}
body.common-home .image-bg {
	background-image: url(/catalog/view/theme/branders/image/section-head.jpg);
    background-size: cover;
    display: block;
    position: relative;
}
body.common-home .white-box {padding:0;}
body.common-home .white-box h1.product-title, #section-school h1.product-title {
	font-family:"Circular", sans-serif;
	font-size: 50px;
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 700;
    color: #fff;
	border-bottom:none;
	text-align:center;
}
body.common-home .white-box h1.product-subtitle, #section-school h1.product-subtitle {
	font-size: 1.3em;
	text-align:center;
	border-bottom:none;
    color: #fff;
	font-family: 'Circular', sans-serif;
	font-weight:100;
	line-height:1.6em;
	margin-bottom:50px;
}
.blog-list {display:none;}
body.common-home .divider {
	padding:50px;
}
#section-school h2 {
	color: white;
    border: none;
    font-weight: 100;
    font-size: 3em;
	border-right: 1px solid rgba(183, 156, 239, 0.7);
}
#section-school .icon .bigIcon {
	color: white;
    font-size: 1.7em;
}
#section-school .icon span {
	font-size: 1.5em;
    color: white;
    padding-left: 20px;
}
#section-school .features {
	padding-top:50px;
	padding-left: 40px;
}
#section-school {
	background: url(/catalog/view/theme/branders/image/section-school.jpg)no-repeat center center fixed;
	z-index: 1;
    display: grid;
    position: relative;
}
#section-school:after {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    background: -webkit-linear-gradient(150deg, rgba(40, 20, 131, 0.76) 15%, rgba(143, 110, 213, 0.89) 70%, rgba(215, 130, 217, 0.74) 94%);
    background: -moz-linear-gradient(150deg, rgba(40, 20, 131, 0.76) 15%, rgba(143, 110, 213, 0.89) 70%, rgba(215, 130, 217, 0.74) 94%);
    background: -ms-linear-gradient(150deg, rgba(40, 20, 131, 0.76) 15%, rgba(143, 110, 213, 0.89) 70%, rgba(215, 130, 217, 0.74) 94%);
    background: -o-linear-gradient(150deg, rgba(40, 20, 131, 0.76) 15%, rgba(143, 110, 213, 0.89) 70%, rgba(215, 130, 217, 0.74) 94%);
    background: linear-gradient(150deg, rgba(40, 20, 131, 0.76) 15%, rgba(143, 110, 213, 0.89) 70%, rgba(215, 130, 217, 0.74) 94%);
}
#section-features img.features-icon {
	width: 40%;
    margin: 0 auto;
}
#section-features hr {
	clear: both;
	margin:40px 0;
}
#section-testimonies {
	padding: 20px 0 50px;
}
body.common-home .homebtn, body.common-home .homebtn {
	display:inline-block;
}
body.common-home .not-homebtn, .homebtn {
	display:none;
}
#section-testimonies h1 {
	color:#fff;
}
#section-testimonies p {
	color:#c0bfe1;
}
#section-memberships .box {
    z-index: 9;
    background-color: #e5e5f8;
    border: none;
    box-shadow: 0.9rem 0.8rem 0 rgba(222, 222, 222,.3);
    border-radius: 1rem;
    top: -20px;
    padding: 20px;
}
#section-memberships h2.membership {
    border: none;
    color: #5c5aee;
    padding-bottom: 0;
    font-size: 1.8em;
    font-weight: 600;
    text-transform: uppercase;
}
#section-memberships input, #section-memberships a {
	margin-top: 1.5rem;
	margin-left:auto;
	margin-right:auto;
}
#section-memberships p.med {
	margin-top:1rem;
}
#section-videorista h1, #section-memberships h1, #section-school h1 {
    font-size: 2.5em;
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 700;
    color: #5c5bee;
    border-bottom: none;
    text-align: center;
}
body.common-home .divider h1, body.common-home .dark-box h1, body.common-home .white-box h1 {
	font-size: 2.5em;
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 700;
    color: #5c5bee;
	border-bottom:none;
	text-align:center;
}
body.common-home .divider h1.dark {
	font-weight:400;
	color:#203049;
}
body.common-home .dark-box h2 {
	font-size: 2.5em;
    line-height: 1.3;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 700;
    color: #29d790;
	border-bottom:none;
	text-align:center;
	padding-top:0;
}
.white {
	color:#fff;
}
.black {
	color:#213049;
}
body.common-home .divider p {    
	color: #656565;
    font-size: 1.5em;
}
body.common-home .divider .button-landing {    
	background: #737de8;
    padding: 20px;
    border-radius: 7px;
    margin-top: 20px;
}
body.common-home .product-box {
	padding: 20px 40px;
    background: white;
    border-radius: 5px;
    text-align: center;
	z-index:9;
}
body.common-home .product-box-free {
	background: #32325d;
    border-radius: 8px 0 0 8px;
	padding: 20px 40px;
    text-align: center;
    margin-top: 95px;
}
body.common-home .product-box-plus {
	background: #70d088;
    border-radius: 0 8px 8px 0;
	padding: 20px 40px;
    text-align: center;
    margin-top: 95px;
}
body.common-home .product-box-free .price {
	color:#cfd7df !important;
	font-weight:100;
}
body.common-home .price {
    color: #32325d !important;
    background: none;
    font-size: 2.8em;
    font-weight: 700;
    line-height: 0.6533333;
    display: none;
    padding: 20px;
    text-transform: inherit;
    padding-bottom: 0;
}
body.common-home .price-old {
    color: #888 !important;
    background: none;
    font-size: 1.5em;
    padding: 5px 0;
    font-weight: 300;
    display: none;
    text-decoration: line-through;
	text-transform:lowercase;
	margin-bottom:20px;
}
body.common-home .product-box-plus .price-old {
	color:#2ea177 !important;
}
body.common-home .product-box-free .prod-desc p {
	color:#cfd7df !important;
}
body.common-home .product-box-plus .prod-desc p {
	color:#fff !important;
}
body.common-home .product-box-plus .prod-desc h1 {
	color:#e6fad5;
}
body.common-home .product-box ul.list-unstyled, body.common-home .product-box-free ul.list-unstyled, body.common-home .product-box-plus ul.list-unstyled {
	color:#6b7c93;
	text-align:left;
	font-size:1.1em;
}
body.common-home .prod-desc ul li {
	line-height:3em;
	font-size:.8em;
}
body.common-home .product-box-free ul.list-unstyled {
	color:#c0c6fd;
}
body.common-home .product-box-plus ul.list-unstyled {
	color:#fff;
}
.features-item .item {
	display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    color: #fff;
    background-color: #0d7bff;
    font-size: 60px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 15px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.features-item.green-grad .item {
	background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
    background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
    background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094);
    -webkit-box-shadow: 0px 12px 20px 0px rgba(117, 178, 240, 0.4);
    box-shadow: 0px 12px 20px 0px rgba(117, 178, 240, 0.4);
    animation: colorchange_green 5s;
    -webkit-animation: colorchange_green 5s linear infinite;
}
.features-item.blue-grad .item {
	background-image: -moz-linear-gradient(55deg, #7575f0 0%, #75b2f0);
    background-image: -webkit-linear-gradient(55deg, #7575f0 0%, #75b2f0);
    background-image: -ms-linear-gradient(55deg, #7575f0 0%, #75b2f0);
    -webkit-box-shadow: 0px 12px 20px 0px rgba(117, 117, 240, 0.4);
    box-shadow: 0px 12px 20px 0px rgba(117, 117, 240, 0.4);
    animation: colorchange_blue 5s;
    -webkit-animation: colorchange_blue 5s linear infinite;
}
.features-item.purple-grad .item {
	background-image: -moz-linear-gradient(55deg, #b275f0 0%, #7575f0);
    background-image: -webkit-linear-gradient(55deg, #b275f0 0%, #7575f0);
    background-image: -ms-linear-gradient(55deg, #b275f0 0%, #7575f0);
    -webkit-box-shadow: 0px 12px 20px 0px rgba(178, 117, 240, 0.4);
    box-shadow: 0px 12px 20px 0px rgba(178, 117, 240, 0.4);
    animation: colorchange_purple 5s;
    -webkit-animation: colorchange_purple 5s linear infinite;
}
.features-item.pink-grad .item {
    background-image: -moz-linear-gradient(55deg, #f075c7 0%, #9191ff);
    background-image: -webkit-linear-gradient(55deg, #f075c7 0%, #9191ff);
    background-image: -ms-linear-gradient(55deg, #f075c7 0%, #9191ff);
    -webkit-box-shadow: 0px 12px 20px 0px rgba(240, 117, 199, 0.4);
    box-shadow: 0px 12px 20px 0px rgba(240, 117, 199, 0.4);
    animation: colorchange_blue 5s;
    -webkit-animation: colorchange_blue 5s linear infinite;
}
@keyframes colorchange_green {
	0% {
		background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
		background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
		background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(117, 178, 240, 0.4);
	}
	25% {
		background-image: -moz-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		background-image: -webkit-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		background-image: -ms-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(117, 117, 240, 0.4);
	}
	50% {
		background-image: -moz-linear-gradient(55deg, #b275f0 0%, #7575f0);
		background-image: -webkit-linear-gradient(55deg, #b275f0 0%, #7575f0);
		background-image: -ms-linear-gradient(55deg, #b275f0 0%, #7575f0);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(178, 117, 240, 0.4);
	}
	75% {
		background-image: -moz-linear-gradient(55deg, #f075c7 0%, #9191ff);
		background-image: -webkit-linear-gradient(55deg, #f075c7 0%, #9191ff);
		background-image: -ms-linear-gradient(55deg, #f075c7 0%, #9191ff);
	}
	0% {
		background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
		background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
		background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(117, 178, 240, 0.4);
	}
}
@keyframes colorchange_blue {
	0% {
		background-image: -moz-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		background-image: -webkit-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		background-image: -ms-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(117, 117, 240, 0.4);
	}
	25% {
		background-image: -moz-linear-gradient(55deg, #b275f0 0%, #7575f0);
		background-image: -webkit-linear-gradient(55deg, #b275f0 0%, #7575f0);
		background-image: -ms-linear-gradient(55deg, #b275f0 0%, #7575f0);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(178, 117, 240, 0.4);
	}
	50% {
		background-image: -moz-linear-gradient(55deg, #f075c7 0%, #9191ff);
		background-image: -webkit-linear-gradient(55deg, #f075c7 0%, #9191ff);
		background-image: -ms-linear-gradient(55deg, #f075c7 0%, #9191ff);
	}
	75% {
		background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
		background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
		background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(117, 178, 240, 0.4);
	}
	0% {
		background-image: -moz-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		background-image: -webkit-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		background-image: -ms-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(117, 117, 240, 0.4);
	}
}
@keyframes colorchange_purple {
	0% {
		background-image: -moz-linear-gradient(55deg, #f075c7 0%, #9191ff);
		background-image: -webkit-linear-gradient(55deg, #f075c7 0%, #9191ff);
		background-image: -ms-linear-gradient(55deg, #f075c7 0%, #9191ff);
	}
	
	25% {
		background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
		background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
		background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(117, 178, 240, 0.4);
	}
	50% {
		background-image: -moz-linear-gradient(55deg, #b275f0 0%, #7575f0);
		background-image: -webkit-linear-gradient(55deg, #b275f0 0%, #7575f0);
		background-image: -ms-linear-gradient(55deg, #b275f0 0%, #7575f0);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(178, 117, 240, 0.4);
	}
	75% {
		background-image: -moz-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		background-image: -webkit-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		background-image: -ms-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(117, 117, 240, 0.4);
	}
	0% {
		background-image: -moz-linear-gradient(55deg, #f075c7 0%, #9191ff);
		background-image: -webkit-linear-gradient(55deg, #f075c7 0%, #9191ff);
		background-image: -ms-linear-gradient(55deg, #f075c7 0%, #9191ff);
	}
}
body.common-home .product-box-free .fa {
	background: #c0c6fd;
    padding: 10px;
    border-radius: 20px;
    color: #6772e5;
    margin-right: 10px;
}
body.common-home .prod-desc p {
	color:#6b7c93;
	font-size:1em;
}
body.common-home .btn-account {
	border: 2px solid #6665f0;
    color: #6665f0;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 20px;
}
body.common-home .btn-account:hover {
	border: 2px solid #c0c6fd;
    color: #c0c6fd;
}

body.common-home .product-prev .btn-primary {
	background-color: #2992fa;
    padding: 20px;
    letter-spacing: 1px;
}
body.common-home .product-prev .btn-primary:hover {
	background-color:#858dec;
}
body.common-home .btn-plus {
	background-color: #29a772;
    padding: 20px;
    letter-spacing: 1px;
}
body.common-home .btn-plus:hover {
	background-color:#27ba7c;
}
body.common-home p.med {
	font-size:1.5em !important;
	margin-top: 1.2em;
	color: #454545;
}
body.common-home .blue-box h3 {
	color:white !important;
	margin-top: 1.5em;
    font-size: 1.71em;
    line-height: 1.25;
    font-weight: 700;
}
body.common-home .clear-box h3 {
	margin-top: 1.5em;
    font-size: 1.71em;
    line-height: 1.25;
    font-weight: 700;
}
body.common-home p.profit {
	margin-top:0 !important;
}
.alert-danger.alert-fixed , .alert-success.alert-fixed {
	position: fixed !important;
    bottom: 1rem;
    right: 0;
    left: 0;
	width: fit-content;
    min-width: 30%;
    max-width: 45%;
    z-index: 9;
    margin: 0 auto;
}
ngb-alert {
    display: block;
}
.alert {
    padding: 1rem 1.5rem;
    padding-right: 2.5rem;
    border: 1px solid rgb(59, 112, 249);
    font-size: .875rem;
    border-radius: .8rem;
    font-weight: 400;
    position: relative;
    background: rgba(32, 88, 226, .10);
	display:inherit;
	margin-top:20px;
	width:100%;
    position: absolute;
    bottom: 20px;
    left: 20px;
    max-width: 300px;
}
.alert-success {
	border: 1px solid rgb(52, 177, 131);
	background: rgba(32, 204, 226, .1);
}
body.dark_mode .alert-info {
	color: #fff !important;
}
.alert-info {
	color: #5160f8 !important;
}
.alert-primary {
	color: #2992fa !important;
}
.alert-danger {
    background: rgb(226 32 128 / 10%);
    border: 1px solid rgb(253 12 136);
}
body.dark_mode .alert-danger {
	background: rgb(226 137 32 / 10%);
    border: 1px solid rgb(251 203 19);
}
.alert-warning {
    color: #fff;
    background-color: #fc7c5f;
    border-color: #fc7c5f;
}
.alert-visible {
	display:inherit;
}
.alert .alert-inner--icon {
    font-size: 1.25rem;
    margin-right: 1.25rem;
    display: inline-block;
    vertical-align: middle;
}
.alert:not(.alert-secondary) {
    color: #fff;
}
body.light_mode .alert-danger.alert:not(.alert-secondary) {color: #a94442;}
body.light_mode .alert-success.alert:not(.alert-secondary) {color: #1c8760;}
.alert button.close {
	background: rgba(255,255,255,.3);
    width: 30px;
    height: 30px;
    color: white;
    text-shadow: none;
    opacity: .5;
    border-radius: 9px;
    font-weight: 300;
    top: 6px;
    position: absolute;
    right: 6px;
}
#postModal .modal-header {
    padding: 0.95rem 1.05rem;
	background:white;
}
#postModal .modal-dialog {
	margin-bottom: 0;
}

#signupModal.modal.in .modal-dialog, 
#loginModal.modal.in .modal-dialog, 
#myModal-update-password.modal.in .modal-dialog, 
#myModal-seller-mail.modal.in .modal-dialog, 
#shareModal.modal.in .modal-dialog, 
#myModal-telegram.modal.in .modal-dialog, 
#myModal-payment-methods.modal.in .modal-dialog, 
#payment_modal.modal.in .modal-dialog, 
#editLevelModal.modal.in .modal-dialog, 
#editChannelModal.modal.in .modal-dialog, 
#addTelegramGroupModal.modal.in .modal-dialog, 
#telegramModal.modal.in .modal-dialog, 
#productsModal.modal.in .modal-dialog,
#addWhatsAppGroupModal.modal.in .modal-dialog,
#whatsappGroupModal.modal.in .modal-dialog,
#noCreditsModal.modal.in .modal-dialog {
	height:auto;
}
#confirmationModal, #archiveConfirmationModal {
	z-index: 2050;
  }
  #confirmationModal .modal-backdrop, #archiveConfirmationModal .modal-backdrop {
	backdrop-filter: none;
	  -webkit-backdrop-filter: none;
  }
  #confirmationModal .modal-dialog, #archiveConfirmationModal .modal-dialog {
	height: auto !important;
  }

  /* CHALLENGES */

.checkpoint-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0; /* zero gap, lines fill spacing */
	position: relative;
  }
  
  .checkpoint {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: rgb(170 170 170 / 45%);
	position: relative;
	cursor: pointer;
  }
  body.dark_mode .checkpoint {
	background-color: rgb(17 17 17 / 45%);
  }
  /* Checkpoint dots */
  .checkpoint.past {
	background-color: rgb(20 20 20 / 50%);
  }
  body.dark_mode .checkpoint.past {
	background-color: rgb(255 255 255 / 50%);
  }
  
  .checkpoint.today, body.dark_mode .checkpoint.today {
	background-color: #10ff7e; /* blue */
	box-shadow: 0 0 0 0 rgba(33, 243, 121, 0.6);
	animation: pulseGlow 1.6s infinite ease-in-out;
  }
  
  @keyframes pulseGlow {
	0% {
	  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.6);
	}
	50% {
	  box-shadow: 0 0 0 6px rgba(33, 150, 243, 0.2);
	}
	100% {
	  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.0);
	}
  }
  
  /* Connecting lines */
  .line.past {
	background-color: rgb(54 54 54 / 50%);
  }
  body.dark_mode .line.past {
	background-color: rgb(255 255 255 / 50%);
  }
  
  .dashed-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	height: 5px;
	margin: 0 4px;
  }
  
  .dashed-line::before {
	content: '';
	flex: 1;
	background-image: radial-gradient(circle, rgb(0 0 0 / 25%) 2.5px, transparent 2.5px);
	background-size: 13px 5px; /* dot spacing and size */
	background-repeat: repeat-x;
	height: 5px;
  }
  
  .line {
	height: 5px;
	flex: 1;
	background-color: rgb(199 199 199 / 30%);
  }
  body.dark_mode .line {
	background-color: rgb(30 30 30 / 30%);
  }
  /* Tooltip */
  .checkpoint::after {
	content: attr(data-tooltip);
	position: absolute;
	bottom: 150%;
	left: 50%;
	transform: translateX(-50%);
	background: #111;
	color: #fff;
	padding: 5px 10px;
	font-size: 12px;
	white-space: nowrap;
	border-radius: 6px;
	opacity: 0;
	pointer-events: none;
	transition: all 0.2s ease-in-out;
	z-index: 10;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  }
  
  .checkpoint:hover::after {
	opacity: 1;
	transform: translateX(-50%) translateY(-2px);
  }
  body.dark_mode .item-description {
	  color: white;
  }
  .badge.price {
	color: rgb(11 142 83);
    background: rgb(226 255 236);
    border: none;
  }
  body.dark_mode .badge.price {
	color: rgb(39 240 149);
	background: rgb(7 28 14);
  }

#tab-events .recent-news .item-medium p {
    -webkit-line-clamp: 1;
    height: 23px;
	min-height: auto;
}
.checkpoint-path {
    border-left-width: 2px;
    border-color: rgb(218 217 214 / 1);
    margin-left: 20px;
    top: 30px;
    bottom: 30px;
    z-index: 1;
    position: absolute;
    border-style: dashed;
}
body.dark_mode .checkpoint-path {
    border-color: rgb(127 127 127 / 40%);
}
#checkpoint-item {
    cursor: pointer;
    border-radius: 16px;
    padding-left: 10px;
    transition: all .3s;
}
#checkpoint-item:hover {
    background: rgb(221 221 221 / 42%);
}
#challenge-post-card.opened, #challenge-post-box.opened {
    display: inherit;
}
#challenge-post-card.closed, #challenge-post-box.closed {
    display: none;
}
#challenge-post-card {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(228, 228, 228);
    border-radius: 2em;
    box-shadow: rgba(60, 64, 67, 0.02) 0px 1px 2px, rgba(60, 64, 67, 0.05) 0px 2px 6px, rgba(0, 0, 0, 0.1) 0px 2px 8px;
    padding: 0px;
    overflow: hidden;
}
#challenge-post-card.opened, #challenge-post-box.opened {
    display: inherit;
}

#challenge-post-box {
    background: #fff;
    border: 2px solid rgba(139 157 193 / 15%);
    padding: 1.35rem;
}
#checkpointStartBadge .meeting_logo {
    margin-right: 7px;
    border-right: 1px solid #cba12f6b;
    padding-right: 7px;
}
  /* CHALLENGES */
@media (min-width: 768px){ /* Phone */
	/* MODAL FIXING */
	.modal-dialog {
		height:100%;
	}
	.modal-open .modal {
		overflow:hidden;
	}
	#editLessonModal .modal-content, #editCategoryModal .modal-content, #editEventModal .modal-content, #viewCheckpointModal .modal-content, #editCheckpointModal .modal-content, #addUpsellModal .modal-content {
		height: calc(100% - 60px);
		display: flex;
    	flex-direction: column;
	}
	#editLessonModal form.form-horizontal, #editCategoryModal form.form-horizontal, #editEventModal form.form-horizontal, #viewCheckpointModal form.form-horizontal, #editCheckpointModal form.form-horizontal, #addUpsellModal form.form-horizontal {
		height: 100%;
	}
	#editLessonModal .modal-body, #editCategoryModal .modal-body, #editEventModal .modal-body, #viewCheckpointModal .modal-body, #editCheckpointModal .modal-body, #addUpsellModal .modal-body {
		overflow-x: hidden;
		overflow-y: scroll;
		height: calc(100% - 140px);
	}
	/* MODAL FIXING */
}
.modal-backdrop {
	position:fixed !important;
}
#postModal .modal-header.sticky ~ #postContent {
    margin-top:60px;
}
.sticky {
	position: fixed;
	top: -100px; /* Start off-screen to push down smoothly */
	left: 0;
	right: 0;
	z-index: 1050;
	width: 100%;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: top 0.3s ease; /* Smooth transition for the push-down effect */
}
.sticky-active {
	top: 0; /* The final position after the timeout */
}
@media screen and (max-width: 979px) { /* Pad */
body.common-home .blue-box .center, body.common-home .yellow-box .center {
	padding-top:0px;
}
}
@media (max-width: 767px){ /* Phone */
	.alert-danger.alert-fixed , .alert-success.alert-fixed {
		min-width: 90%;
		max-width: 90%;
	}
	body.common-home h1.product-title, body.common-home h1.product-subtitle {
		padding: 10px 40px;
		line-height:inherit;
		text-align: center;
	}
	#section-school h1.product-subtitle {
		margin-bottom: 10px;
		font-size:1.5rem !important;
		font-weight: 300 !important;
	}
	#section-school h2 {
		border-right: none;
		text-align: center;
		padding: 0;
		margin: 0;
		border-top: 1px solid rgba(183, 156, 239, 0.7);
		padding-top: 10px;
		margin-top: 10px;
	}
	#section-school .features {
		display: inline-block;
		padding: 20px 0;
	}
	#section-school .icon {
		text-align:center;
	}
	#section-school .icon span {
		display:block;
		padding-left:0;
	}
	body.common-home .prod-desc {
		font-size:1.5em !important;
		padding: 0;
	}
	body.common-home .prod-desc h1 {
		font-size: 1.5em;
	}
	body.common-home .col-sm-6.no-padding.space50 {
		margin-top:10px;
	}
	.box-callAction {
		padding:0 20px;
	}
	body.common-home p.med {
		font-size:1.1em;
	}
	body.common-home .product-box-free, body.common-home .product-box, body.common-home .product-box-plus {
		border-radius: 8px;
		display: inline-block;
		padding:20px;
		width:100%;
	}
	.modal-open .modal {
		overflow: hidden;
	}
	.modal-dialog {
		position: absolute;
		left: 0 !important;
		top: unset !important;
		margin: 0;
		bottom: 0;
		width: 100%;
		/*transform: translate(0%, 0%) !important;*/
	}
	.modal.fade .modal-dialog {
		transform: translate(0,50%);
		-ms-transform: translate(0,50%);
    	-o-transform: translate(0,50%);
		-webkit-transform: translate(0,50%);
	}
	.modal.in .modal-dialog {
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
		height:100%;
	}
	#noCreditsModal.modal.in .modal-dialog {
		height:100%;
	}
	#noCreditsModal.modal.in .modal-body {
		height:100%;
	}
	#welcomeModal.modal.in .modal-body {
		margin-bottom: 75px;
	}
	#welcomeModal.modal.in .modal-footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: auto;
		background: white;
	}
	#signupModal.modal.in .modal-content {
		overflow:unset;
	}
	.modal-content {
		border-radius: 2.5em 2.5em 0 0 !important;
    	height: 100%;
	}
	.modal-content .form-horizontal {
		height:100%;
	}
	.modal-header {
		padding:1rem 1.25rem !important;
	}
	.modal-header .close {
		right: unset !important;
		left: unset !important;
		top: -30px !important;
		height: 40px !important;
		width: 80px !important;
		font-size: 3em !important;
		-webkit-border-radius: 40px/24px;
		-moz-border-radius: 40px/24px;
		border-radius: 50px/54px !important;
		border-radius: 30px/30px !important;
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
    	background: #262734;
		padding: 0;
		line-height: 5px;
		display: flex;
		padding-top: 15px;
		justify-content: center;
    	border-top: 1px solid rgba(255,255,255,.2);
	}
	body.dark_mode .modal-header .close {
		text-shadow: none;
		background: #252526;
	}
	.modal-body {
		overflow-x: hidden;
		overflow-y: scroll;
		height: calc(100% - 140px);
	}
	.border-top {
		border-top: 1px solid rgba(165,165,165 ,.3)!important;
	}
	.border-bottom {
		border-bottom: 1px solid rgba(165,165,165 ,.3)!important;
	}
	body.dark_mode #postModal .modal-header {
		background: black;
	}
	#postModal .modal-header {
		padding: 0.35rem 1.25rem !important;
		position: fixed;
		z-index: 999;
		background: white;
		width: 100%;
		height: 50px;
	}
	#viewCheckpointModal .modal-header {
		padding: 1rem 1.25rem 1rem 3.15rem !important;
		z-index: 999;
		background: white;
		width: 100%;
		height: auto;
	}
	#postModal .modal-header .close, #viewCheckpointModal .modal-header .close {
		position: relative;
		left: 0px !important;
		top: 15px !important;
		background: none;
		width: 35px !important;
		margin: 0;
		padding: 0;
		z-index: 2;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		border: none;
	}
	#viewCheckpointModal .modal-header .close {
		position: absolute;
		left: 10px !important;
		top: 20px !important;
	}
	#postModal .modal-body {
		margin-top: 50px;
	}
	body.light_mode .modal-header .close {
		background:#fff;
	}
	.modal-header .close i {
		color:rgba(255,255,255,.6);
	}
	body.light_mode .modal-header .close i {
		color:#bababa;
	}

}
@media screen and (min-width: 1400px) { /* Pad */
	.modal-dialog {
		position: absolute;
		left: 50%;
		top: 30%;
		transform: translate(-50%, -30%) !important;
	}
	.modal-backdrop {
		position: fixed !important;
	  }
	#editLessonModal .modal-dialog, #eventModal .modal-dialog {
		top: 0;
		height: 100%;
		transform: translate(-50%, 0) !important;
	}
}
body.common-home .prod-desc {
	font-size:1.1em;
	color:#6b7c93;
}
body.common-home .container_full .blue-box .float-box, body.common-home .container_full .yellow-box .float-box {
	margin-top:50px;
}


/**/
/* landing */
/**/
.landing .button-invest {
	width:100%;
	margin:20px 0;
}
.landing p {
	font-size:1.2em !important;
	font-weight:300 !important;
}
.landing h2 {
    font-size: 1.57em;
}
.landing h1 {
    font-size: 2em !important;
	padding-bottom:0.2em;
	margin-top:0;
	border-bottom:none;
	border-top:1px solid #efefef;
}
.landing .quote {
	font-style:italic;
	text-align:center;
    margin-bottom: 3em;
}
.landing .message {
    padding: 0 25px 25px;
    border-radius: 15px;
    margin-bottom: 3em;
    background: #e1f5b5;
    border: 1px solid #82cc41;
}
.space100 {
    margin-bottom: 100px;
}
.space50 {
    margin-top: 50px;
}
.space20 {
    margin-top: 20px;
}
.space10 {
    margin-top: 10px;
}
.space5 {
    margin-top: 5px;
}
.bigIcon {
    color: #ffce3c;
    font-size: 50px;
    margin-bottom: 20px;
}
.hugeIcon {
    color: #25b967;
    font-size: 100px;
    margin-top: 10px;
}
.medIcon {
    color: #fff;
    font-size: 25px;
	float:left;
}
a > .bigIcon {
    color: #00e363;
	transition:0.3s;
}
a > .bigIcon:hover {
    color: #1c82f7;
}

a > h2 {
	transition:0.3s;
}

a > h2:hover {
    color: #1c82f7;
}
@media screen and (max-width: 1229px) { /* laptop */
	.mml-md, .mmx-md {
		margin-left: 4rem !important;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.mml-md, .mmx-md {
		margin-left: 3rem !important;
	}
	.mbr0 {
		border-radius:0 !important;
	}
	.mml-xs, .mmx-xs {
    margin-left: 1rem!important;
	}
	.mmr-xs, .mmx-xs {
		margin-right: 1rem!important;
	}
	.mml-0, .mmx-0 {
		margin-left:0px !important;
	}
	.mmr-0, .mmx-0 {
		margin-right:0px !important;
	}
	.mml-5, .mmx-5 {
		margin-left:5px !important;
	}
	.mmr-5, .mmx-5 {
		margin-right:5px !important;
	}
	.mml-10, .mmx-10 {
		margin-left:10px !important;
	}
	.mmr-10, .mmx-10 {
		margin-right:10px !important;
	}
	.mml--xs {
		margin-left:-1rem !important;
	}
	.mmr--xs {
		margin-right:-1rem !important;
	}
	.mmt--50 {
		margin-top:-50px !important;
	}
	.mmt--100 {
		margin-top:-100px !important;
	}
	.mmt-0 {
		margin-top:0 !important;
	}
	.mmt-10 {
		margin-top:10px !important;
	}
	.mmt-20 {
		margin-top:20px !important;
	}
	.mmt-xs {
		margin-top:1rem !important;
	}
	.mmt-xxs {
		margin-top:0.5rem !important;
	}
	.mmt-sm {
		margin-top:2rem !important;
	}
	.mmt-md {
		margin-top:3rem !important;
	}
	.mmt-lg {
		margin-top:4rem !important;
	}
	.mmb-0 {
		margin-bottom:0 !important;
	}
	.mmb-xs {
		margin-bottom:1rem !important;
	}
	.mmb-xxs {
		margin-bottom:0.5rem !important;
	}
	.mmb-sm {
		margin-bottom:2rem !important;
	}
	.mmb-md {
		margin-bottom:3rem !important;
	}
	.mmb-lg {
		margin-bottom:4rem !important;
	}
	.mtop25p {
		top:25% !important;
	}
	.mf4 {
		font-size:4rem !important;
	}
	.mpt-0 {
		padding-top:0 !important;
	}
	.mpl-0, .mpx-0 {
		padding-left:0px !important;
	}
	.mpr-0, .mpx-0 {
		padding-right:0px !important;
	}
	.mpl-5, .mpx-5 {
		padding-left:5px !important;
	}
	.mpr-5, .mpx-5 {
		padding-right:5px !important;
	}
	.mpl-10, .mpx-10 {
		padding-left:10px !important;
	}
	.mpr-10, .mpx-10 {
		padding-right:10px !important;
	}
	.mpl-15, .mpx-15 {
		padding-left:15px !important;
	}
	.mpr-15, .mpx-15 {
		padding-right:15px !important;
	}
	.mpt-10, .mpy-10 {
		padding-top:10px !important;
	}
	.mpl-60, .mpx-60 {
		padding-left:60px !important;
	}
	.mpr-60, .mpx-60 {
		padding-right:60px !important;
	}
	.mpb-10, .mpy-10 {
		padding-bottom:10px !important;
	}
	.mpt-10, .mpy-10 {
		padding-top:10px !important;
	}
	.mpb-20, .mpy-20 {
		padding-bottom:20px !important;
	}
	.mpt-20, .mpy-20 {
		padding-top:20px !important;
	}
	.circular-m-box {
		border-radius: 50% !important;
		width: 100%;
		padding: 100% 0 0 0 !important;
	}
	.circular-m-box .icon-shape.rounded-circle {
	    position: absolute;
		top: 18%;
		left: 0;
		bottom: 0;
		right: 0;
		text-align: center;
		padding: 0;
		margin: 0 auto;
		font-size:3rem;
	}
	.circular-m-box .amount {
		position: absolute;
		left: 0;
		bottom: 0 !important;
		right: 0;
		text-align: center;
		font-size: 1.3rem !important;
		padding: 0 !important;
	}
	.rank_tag_blur {
    	margin: -23px 0;
	}
	.form-horizontal input[type="text"], .form-horizontal input[type="email"], .form-horizontal input[type="tel"], .form-horizontal input[type="password"] {
		font-size:1.3em !important;
	}
	.mno-margin {
		margin:0 !important;
	}
	.round-box {
		padding:15px 30px !important;
		border-radius:0 !important;
	}
	.bigIcon {
    margin-top: 5px;
    margin-bottom: 10px;
	}	
	.landing .text-right, .landing .text-left {
		text-align:center;
	}
	.space100 {
    margin-bottom: 20px;
	}
	.landing p {
	font-size:1.5em !important;
	font-weight:300 !important;
	}
}
/**/
/* defaults */
/**/
html, body {
	background: white;
	font-family: 'Nunito',sans-serif;
	/*font-family: 'Circular', sans-serif;*/
	font-weight:400;
	color: #151515;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}
body {
	font-size: 16px;
    line-height: 1.5em;
}
body.no-scroll {
    overflow: hidden;
}
body.dark_mode {
	color: #eaeaea;
}
a {
	text-decoration: none;
	color: rgb(32 104 255);
}
body.dark_mode a {
	color:rgb(255 206 60);
}
@media screen and (max-width: 1229px) { /* laptop */
	html, body {
		font-size: 13px;
	}
}
@media screen and (max-width: 979px) { /* pad */
	html, body {
		font-size: 13px;
	}
}
@media screen and (max-width: 767px) { /* phone */
	html, body {
		font-size: 13px;
	}
	.container_home {
		padding:0 !important;
	}
	.white-box {
		border:none;
		padding:0 10px;
		min-height: 50px !important;
	}
	.block__post.white-box {
		border-left: none !important;
		border-right: none !important;
		border-top: none !important;
		box-shadow: none !important;
		border-bottom: 1px solid rgba(139 157 193 / 15%);
		margin: 0 0 15px;
	}
	#content.white-box .blog-list .head, .container_home .blog-list .head  {
		margin-left:20px !important;
		margin-right:20px !important;
	}
	.container_home .fit-vids  {
		padding-left:20px !important;
		padding-right:20px !important;
	}
	.container_home .recent-news p  {
		padding-left:50px !important;
		padding-right:50px !important;
		padding-top:20px;
		font-size:1.5em;
		text-align:center;
	}
	.container_home .recent-news  {
		margin-bottom:0;
	}
	.container_home .recent-news .bar  {
		display:none;
	}
	.white-box p {
		font-size:1.1em;
        line-height: 1.4em;
	}
	.button-invest {
		width:70%;
	}
	.topbarlinks .dropdown-menu {
		left:-80%;
	}
	body.common-home .recent-news .row {
		margin-right: 0;
    	margin-left: 0;
	}
}

#view_subs_link {
	display:none;
}

/*----------------------------------------------*/
/*                    LAYOUT                    */
/*----------------------------------------------*/

/**/
/* clearfix */
/**/
.clearfix:after {
	content: '';
	display: table;
	clear: both;
}
.clearboth {
	clear: both;
}

/**/
/* grid */
/**/
.row {
	margin-right: -12px;
    margin-left: -12px;
}
.grid-cont {
	width: 1230px;
	margin: 0 auto;
	background-position: 50% 0;
	background-repeat: no-repeat;
}
.grid-row {
	margin: 0 0px;
}
.grid-row:after {
	content: '';
	display: table;
	clear: both;
}
.grid-col {
	float: left;
	padding: 0 0px;
	box-sizing: border-box;
	transition: width 0.3s;
}
.grid-col-1 {
	width: 8.33%;
}
.grid-col-2 {
	width: 16.66%;
}
.grid-col-3 {
	width: 25%;
}
.grid-col-3-33 {
	width: 27.77%;
}
.grid-col-4 {
	width: 33.33%;
}
.grid-col-5 {
	width: 41.66%;
}
.grid-col-6 {
	width: 50%;
}
.grid-col-7 {
	width: 58.33%;
}
.grid-col-8 {
	width: 66.66%;
}
.grid-col-9 {
	width: 75%;
}
.grid-col-10 {
	width: 83.33%;
}
.grid-col-11 {
	width: 91.66%;
}
.grid-col-12 {
	width: 100%;
}
.grid-col {
	padding: 0 10px;
}
@media screen and (max-width: 1229px) { /* laptop */
	.grid-cont {
		width: auto;
		margin: 0 auto;
	}
	.grid-row {
		margin: 0 -10px;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.grid-cont {
		width: auto;
		margin: 0 auto;
	}
	.grid-col-md-4 {
		width: 33.33%;		
	}
	.col-md-4 {
		width:100%;
	}
	.dashboard .pl-0 {
		padding-left: 15px !important;
	}
	.dashboard .pr-0 {
		padding-right: 15px !important;
	}
	.dashboard .box-1,.dashboard .box-2 {margin-bottom:15px;}
	.dashboard p {font-size:1.6em;}
	.subscription {
		clear: both;
    	margin-bottom: 70px;
    	display: inline-block;
	}
	.subscription p {
		font-size: 1.3em;
    	margin-left: 20px;
	}
	.subscription p span.pull-right {
    	float:left !important;
	}
	.links-box .col-md-6, .links-box .col-sm-5 {width:100%; font-size:1.4em;}
}
@media screen and (max-width: 767px) { /* phone */
	.grid-cont {
		width: auto;
	}
	.grid-col {
		width: 100%;
	}
	.page-content .grid-col {
		padding:0;
	}
	.product-prev #content > .row {
		margin-right:-15px;	
		margin-left:-15px;
	}
	.product-prev {
		padding:0 !important;
	}
	/*
	.product-prev button#button-cart {
		position: fixed;
		bottom: 0;
		z-index: 99999;
		background:none;
		border:none !important;
		margin: 0 -15px;
	}
	.product-prev .price {
		color: #fff !important;
		background: #00e363 !important;
		position: fixed;
		bottom: 0;
		text-align: right;
		padding-right: 30px;
		font-size: 15px;
		z-index:7;
		margin: 0 -15px;
		margin-left:-30px;
		border:none;
		line-height:1.333;
	}
	.product-prev .price-new {
		color: #fff !important;
		background: #00e363 !important;
		position: fixed;
		bottom: 0;
		line-height: 1.333em;
		padding-right: 30px;
		font-size: 15px;
		z-index: 7;
		margin: 0 -15px;
		margin-left: -30px;
		border: none;
		text-align: right;
	}
	.product-prev .price-old {
		color: #fff !important;
		background: none;
		position: fixed;
		text-align: left;
		font-size: 15px;
		z-index: 7;
		float: left;
		padding: 20px 0 20px 0;
		bottom: 0;
		border: none;
	}
	.product-prev .price-sale {
		position: fixed;
		bottom: 59px;
		margin-left: -30px;
		border: none;
		background: #ef3635;
		border-bottom: 1px dashed #ddd;
		box-shadow: 0 -4px 8px rgba(0,0,0,.3);
		z-index:999;
	}
	*/
	.product-prev #product, .product-prev #tab-specification {
		font-size: 1.4em !important;
		margin: 10px 15px !important;
	}
	.product-page #tab-specification {
		font-size: 1em !important;
	}
	h1.product-title {
		font-weight:500 !important;
		font-size:1.9em !important;
		border:none;
		padding:10px 15px;
		margin-top:15px;	
		margin-bottom:0;
		border-bottom:1px solid #2a2a2a;
	}
	a.btn-share-fb {
		padding:16px 16px !important;
	}
	.mno-padding {
	padding:0 !important;
	}
	.mpt-10 {
	padding-top:10px !important;
	}
	.product-prev .col-sm-8 {
		padding-top:0 !important;
	}
	.prod-desc h1 {
		margin:0 !important;
		color:white !important;
		font-size:1.3em !important;
		border:none;
	}
}


/**/
/* page */
/**/
.page {
	overflow: hidden;
    height: 100vh;
    /*background: linear-gradient( 150deg ,#160d35 15%,#0c081a 70%,#000 94%);
    background-image: radial-gradient(at 50% 0%, #160d35, #0c081a, #000 80%);
    background-image: url(/image/blur-bg.jpg);*/
    background-size: cover;
    background-position: center;
	width: 100%;
    margin: 0 auto;
    /*max-width: min(1480px, 100% - 40px);*/
}
.page-boxed {
	max-width: 1230px;
	margin: 0 auto;
}
body.dark_mode .page-header {
	background: #1c1c1c;
    border-bottom: 1px solid rgb(53 53 53);
}
.page-header {
	padding: 0;
    margin-bottom: -20px;
    height: 60px;
    margin-top: 0;
    width: 100%;
    left: 0;
    top: 0px;
    width: 100%;
    z-index: 1000;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(228, 228, 228);
	transition: top .3s ease;
}
.page-header-top {
	transition: margin 3s, background 1s, opacity 3s;
    padding: 0;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0;
    width: 100%;
    height: 100%;
    max-width: 1075px;
    position: relative;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.page-header-top .home-col-logo .logo img {
	height: 40px;
    width: 40px;
    position: relative;
    display: initial;
}
.page-header-top .home-col-logo .logo svg {
	transition:all .3s;
}
.page-header-top .home-col-logo .logo img:first-child {
	margin-right: 10px;
}
.page-header-top .home-col-logo .logo img:last-child {
	height: 20px;
}
.page-header-top .grid-cont {
	width:97%;
}
.page-header-top.fixed {
	/*position: fixed !important;*/
	z-index: 99;
	/*background:linear-gradient(150deg,#203078 15%,#332c6e 70%,#392364 94%) !important;*/
	left: 0;
	width: 100%;
	/*border-bottom:3px solid #3360ff;
	backdrop-filter: blur(20px);
    background: rgba(5, 5, 8, .30);
    -webkit-backdrop-filter: blur(25px);*/
}
.page-header-top.fixed + div {
	position: static;
	height: 60px;
}
.page-header-top > .grid-cont {
	position: relative;
}
.page-header-top li.dropdown {
	display:flex;
	position:initial;
}
.page-header-top li.dropdown.profile-menu, .page-header-top li.dropdown.community-menu {
	position:relative;
}
.page-header-bottom {
    background: #eaecf2;
    box-shadow: 6px 6px 12px #d2d9e2, -6px -6px 12px #fdfeff;
    max-width: 1240px;
    margin: 15px auto auto;
    padding: 5px;
    border-radius: .5rem;
}
.page-header-bottom > .grid-cont {
	max-width: 1400px;
    width: 100%;
}
.page-header-bottom .main-nav > ul > li:hover > a {
	color:#172b4d;
}
.page-header-reactivate {
	background: #f75676;
    padding: 10px;
}
.page-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1;
    overflow: hidden;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px;
    display: flex;
    flex-direction: column;
}
body.checkout-checkout .white-box {
	background:white;
	backdrop-filter:unset;
	-webkit-backdrop-filter: unset;
}
body.checkout-checkout .white-box p.description {
	color:inherit !important;
}
body.checkout-checkout .secondary-nav ul {
	border-left:none;
}
.page-header .page-header-bottom ~ .page-content {
	margin-top:95px;
}
.page-content > .grid-cont {
	overflow: hidden;
}
.page-footer {
	display:none;
}
footer a {
	color:#596e90;
}
body.common-home .main-container {
	/*background: linear-gradient(to bottom ,#282832 27.02%,#212129 72.98%) !important;
    background-image: url(/image/catalog/bg.jpg);*/
    background-position: center;
    background-size: cover;
}
.main-container {
	min-height: 100vh;
    overflow: hidden;
    display: block;
    position: relative;
    /*padding-bottom: 315px;*/
	background: linear-gradient(to bottom ,#10121f 27.02%,#17171f 72.98%);
    /*background-image: url(/image/catalog/bg_dashboard.jpg);*/
    background-position: center;
    background-size: cover;
}

/** THEME MODE **/

/* LIGHT MODE */
body.light_mode .main-container{
	background: #eeeef3;
}
body.light_mode .page-header-top {
	/*background: rgba(255,255,255,.35);*/
}
body.light_mode h2, body.light_mode .main-nav {
	color: #222;
}
body.light_mode #sidebar > .sidebar-content > ul > li:first-child > a, body.light_mode #sidebar ul li a {
	color: #222;
	text-decoration: none;
}
body.account-account.light_mode #sidebar > .sidebar-content > ul > li:first-child > a {
    color: #4f60f8;
}
body.light_mode .secondary-nav li {
	color: #222;
}
body.light_mode #top-profiles .item-info, body.light_mode .white-box {
	background: #fff;
	border: 1px solid rgb(228, 228, 228);
}
body.light_mode .toggle__title {
    color: #222;
}
body.light_mode .nav-tabs {
	border-bottom: 1px solid rgba(165,165,165 ,.3);
}
body.light_mode .nav-tabs>li.active>a, body.light_mode .nav-tabs>li.active>a:focus, body.light_mode .nav-tabs>li.active>a:hover {
    color: #000;
}
body.light_mode #top-profiles .item-medium p, body.light_mode #top-profiles .item-medium h4 {
	color:#222;
}
body.light_mode .btn-outline {
	color: #000;
	border-color: #ddd;
}
body.light_mode .sidebar-currency-balance {
	background: #f0f0f0;
    color: #000;
    border: 1px solid rgba(165,165,165 ,.3)!important;
}
body.light_mode .search input {
    margin-left: 0 !important;
    background:#f5f6f8;
    border-right: 0;
}
body.light_mode .search button {
    background: #f0f2f5;
    color: #9c9c9c;
    border-left: none;
    margin-left: 0 !important;
}
body.light_mode .profile-menu {
	color:#000;
}
body.light_mode .profile-menu #header-menu-profile .username {
    color: #757575;
}
body.light_mode .toggle__header:after {
	background:#ddd;
	color:#7d8f9b;
}
body.light_mode .toggle__header > h2.toggle__title:after {
	border-bottom-color: #ddd;
}
body.light_mode .btn-holder span {
	border: 1.5px solid #222;
    background: #222;
}
body.light_mode .profile-page h2 {
	color:#000;
}
body.light_mode #back .btn-back i, body.light_mode h1.product-title, body.light_mode .MuiTypography-colorTextPrimary, body.light_mode .MuiTypography-colorTextSecondary {
	color: #222;
}
body.light_mode .connect-icons .btn-outline {
	background:#fff;
}
body.light_mode .MuiPaper-root {
    padding-top: 10px !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    background: none !important;
    box-shadow: none;
}
body.light_mode #product {
	background:#fff;
}
body.light_mode .progress-bar {
	background-color: #f2f2f2;
}
body.light_mode .nav-tabs > li.active > a:hover, body.light_mode .nav-tabs > li > a:hover, body.light_mode .nav-tabs > li.active > a:focus {
	color:#000;
}
body.light_mode .product-page .seller-info .seller-details h4 {
	color: #4065f9;
}
body.light_mode .toggle {
	background: #e9e7e7;
	border: 1px solid #d3d2d2;
}
body.light_mode .indicator {
	border: 4px solid #e9e7e7;
	background: #b2b0b0;
}
body.light_mode .toggle-state:checked ~ .indicator {
	border: 4px solid #e9e7e7;
	background: #5160f8;
}
body.light_mode .page-header-top .home-col-logo .logo svg {
	fill:#222;
}
body.light_mode .tap-bar-item a img{
	filter: invert(.8);
}
body.light_mode .tap-bar-item.dropdown a img{
	filter: none;
}
body.light_mode .tap-bar-item.dropdown a{
	color:#000;
}
body.light_mode .page-header-top.fixed {
	background:rgb(255 255 255 / 30%);
}
body.light_mode.user-offline .page-header-top {
	background: none;
	backdrop-filter:none;
    -webkit-backdrop-filter: none;
}
body.account-login .page-header {
	background: none;
	border-bottom: none;
}
body.light_mode.mpblog-blog.user-offline .page-header-top {
	background: rgba(255,255,255,.35);
	backdrop-filter:blur(25px);
    -webkit-backdrop-filter: blur(25px);
}
body.light_mode h3, body.light_mode .control-label.large {
    color: #070909;
}
body.light_mode #tab-roadmap .attr {
	color: #4c6370;
}
body.light_mode .roadmap__item--completed .roadmap__item-title {
	color: #5160f8;
}
body.light_mode .sidebar-currency {
    color:#3c71f9;
}
body.light_mode .block__post .block__text-subtitle, body.light_mode .block__text-subtitle {
	color: #202124;
}
body.light_mode .blog__text-subtitle, body.light_mode .blog__post .blog__text .blog__text-title {
	color:#222;
}
body.light_mode .recent-news .item-medium .item-info {
	background: #fff;
}
body.light_mode .recent-news #show-sol-collection .item-info, body.light_mode .recent-news #show-eth-collection .item-info {
	background: #f4f4f4;
}
body.light_mode .recent-news .item h3, body.light_mode .form-horizontal .control-label {
	color: #222;
}
body.light_mode .recent-news .item-medium p {
	color: #202123;
}
body.light_mode .profile-about, body.light_mode .profile-page h3.profile-skill {
	color: #222;
}
body.light_mode .main-nav > ul > li:hover > a {
	color: #000;
}
body.light_mode .block__icon .fa, body.light_mode .block__icon .fas, body.light_mode .block__icon .fab {
	color:#9c22f6 !important;
}
body.light_mode select.form-control, 
body.light_mode .form-inline input[type="text"], 
body.light_mode .form-horizontal input[type="text"], 
body.light_mode .form-horizontal input[type="email"], 
body.light_mode .form-horizontal input[type="tel"], 
body.light_mode .form-horizontal input[type="password"], 
body.light_mode textarea.form-control {
	background: #fff;
	box-shadow: none;
}
body.light_mode .form-horizontal textarea.form-control:hover {
	background: none;
	border: 1px solid rgba(165,165,165 ,.5);
}
body.light_mode .form-horizontal textarea.form-control:focus {
	background: none;
	border: 1px solid rgb(9 10 11);
}
body.light_mode .modal-content {
	background:white;
	border: none;
}
body.light_mode .modal-body {
	color:#222;
}
body.light_mode .modal-body a {
	/*color:#5160f8;*/
}
body.light_mode form .input-group, form .input-group:focus-within {
	border: none !important;
}
body.light_mode .input-group-addon {
	color: #ccc;
	background: #f0f0f0;
}
body.light_mode .modal-title {
	color:#222;
}
/* DARK MODE */
body.dark_mode h1,body.dark_mode h2,body.dark_mode h3,body.dark_mode h4,body.dark_mode h5,body.dark_mode h6 {
	color: #bdbdbd;
}
body.dark_mode .recent-news .item-medium .item-info {
	background: #252526;
}
body.dark_mode .loader__wrapper .loader {
	background-color: rgb(67 67 67);
}
body.dark_mode .loader__wrapper .loader .completion.progress {
	color:black;
}
body.dark_mode .recent-news #show-sol-collection .item-info, body.dark_mode .recent-news #show-eth-collection .item-info {
	background: #212542;
}
body.dark_mode .recent-news .item-medium p {
	color:white;
}
body.dark_mode .dropdown-menu {
	background: rgb(30,32,37);
    border: 1px solid rgba(138,145,158,.2);
}
body.dark_mode .secondary-nav ul .open>.dropdown-menu > li > a:hover {
	background: #25272c;
    color: #fff !important;
}
body.dark_mode .modal-body, body.dark_mode .dropdown-menu>li>a {
	color: #fff !important;
}
body.dark_mode .main-container {
	background: linear-gradient(to bottom ,#313350 27.02%,#1F2133 72.98%);
	background: #0d0d0d;
}
body.dark_mode .nav-tabs>li>a {
	color: #dadada;
}
body.dark_mode .nav>li>a:focus, body.dark_mode .nav>li>a:hover {
    background: none;
	border-bottom: 3px solid #fde239;
}
body.dark_mode h2, body.dark_mode .main-nav {
	color: #fff;
}
body.dark_mode .badge-tags-action {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(13 13 13) 15%);
}
body.dark_mode .badge-tags {
	background: rgb(37 37 38);
	border: 1px solid rgb(49 49 49);
	color:white;
}
body.dark_mode #top-profiles .item-info, body.dark_mode .white-box {
	background: #252526;
	border: 1px solid rgb(80 80 80 / 25%);
    box-shadow: 0 5px 15px 0 rgb(43 45 49 / 10%);
}
body.dark_mode .modal-content {
	background: #252526;
	border:1px solid rgb(188 188 188 / 20%);
}
body.dark_mode .modal-footer {
	border-top:none;
}

body.dark_mode #postModal .modal-content {
	background: #0d0d0d;
	border:1px solid rgb(188 188 188 / 20%);
}
body.dark_mode #postModal .block.block__post {
	border-bottom: 1px solid #3a3b3d;
}
body.dark_mode #comments .block__post .block__text-container {
	background: #3a3b3d;
    border: 1px solid #3a3b3d;
}
body.dark_mode #sidebar ul li a {
	color: #fff;
}
body.dark_mode #sidebar ul li a:hover, body.dark_mode #sidebar ul li a:visited, body.dark_mode #sidebar ul li a:focus {
	color: #fff;
	text-decoration:none;
}
body.dark_mode .toggle__title {
    color: #f7d53d;
}
body.dark_mode .nav-tabs>li.active>a, body.dark_mode .nav-tabs>li.active>a:focus, body.dark_mode .nav-tabs>li.active>a:hover {
    color: #FFFFFF;
}
body.dark_mode .nav-tabs {
	border-bottom: 1px solid #373a45;
}
body.dark_mode #top-profiles .item-medium h4 {
	color:#fff;
}
body.dark_mode #top-profiles .item-medium p {
	color:#91929D;
}
body.dark_mode .btn-outline {
	color: #bdbec2;
}
body.dark_mode .search input {
    background: rgb(66 66 71) !important;
	color:#fff !important;
}
body.dark_mode .search button {
    color: #fff;
    margin-left: 0 !important;
    background: rgb(255 255 255 / 20%);
}
body.dark_mode .block__post .block__text h2 {
	color:#fff;
}
body.dark_mode .sidebar-currency {
    color:#30f6a2;
}
body.dark_mode #utilities .blog__post {
	background: #22232f;
}
body.dark_mode #load_more a#load {
    background: #22232f;
}
/** END THEME MODE */


/** TOP PROFILES **/
#top-profiles .item-medium h4 {
	font-size: 16px;
    line-height: 1.25;
    font-weight: 600 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#top-profiles .items-visible {
		position: static;
		visibility: visible;
		opacity: 1;
}
#top-profiles .item {
    display: block;
    margin-top: 15px;
    position: relative;
}
#top-profiles .item img {
		border-radius: 0.75em 0.75em 0 0;
}
#top-profiles .item-info {
    z-index: 1;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    background: #343965;
    border-radius: 0 0 0.75em 0.75em;
    padding: 15px 15px 5px;
    /*border: 1px solid rgba(139 157 193 / 15%);*/
    min-height: 140px;
	text-align: center;
	padding-top: 55px !important;
    padding-bottom: 15px !important;
}
#top-profiles .item-medium p {
    margin: 5px 0;
    font-size: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: inherit;
}
#top-profiles .item-small h4 {
    font-weight: 400 !important;
	width: 93%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
}
#top-profiles .item-price {
    display: flex;
    justify-content: space-between;
    width: 100%;
}	
#top-profiles .product-thumb {
    border: 1px solid;
    padding: 10px;
}

#top-profiles .item-small {
	display: none;
}
  @media only screen and (max-width: 470px) {
	.avatar-img {
		bottom: -35px !important;
		width: 70px;
	}
	#top-profiles .item-small {
		display: flex;
		flex-direction: column;
		align-items: center;
    	justify-content: center;
    	margin: 0;
	}
	#top-profiles .item-small .avatar-img {
		position: relative;
		display: flex;
		align-content: center;
		bottom: 0 !important;
	}
	#top-profiles .item-medium {
		display: none;
	}
}
#top-profiles .avatar-img {
	position: absolute;
    bottom: -50px;
}
#top-profiles .avatar-img img {
	border-radius: 50% !important;
	background: #1a1a25 !important;
}
.product-wrap img {
    width: 100%;
    object-fit: cover;
	border-radius: 0.75rem;
}
#tab-checkpoints .embed-responsive {
	margin:10px 0;
}
#tab-nfts .product-wrap {
	display: block;
	overflow: hidden;
}
#tab-nfts .product-wrap a {
	transition: all 0.3s ease-in-out;
}
#tab-nfts .product-wrap a:hover {
	-webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    -webkit-transition: all 0.3s ease-in-out;
}
#tab-Collections .product-wrap img {
	max-height: inherit;
}
.information-information .alert {
	display:none;
}
.information-information .copyrights {	margin-top:0 !important;}
.information-information .page-footer {padding-top:0 !important;}
.page-light .page-header {
	background: #f1f1f1;
}
.page-light .page-header-top {
	background: #ececec;
}
.page-light .page-header-middle {
	background: #f1f1f1;
}
.page-light .page-header-bottom {
	background: #ececec;	
}
.page-light .page-footer {
	background: #e0e0e0;
}
.page-light .page-footer h4 {
	color: #000;
}
@media screen and (max-width: 1229px) { /* laptop */
	.main-container {background: #14141b;}
	.page-boxed {
		max-width: 980px;
	}
	.container > .row, .container > .row .row {
		margin-right:0;	
		margin-left:0;
		margin-top:0px;	
		/*padding-right: 0 !important;*/
	}
}
@media screen and (max-width: 979px) { /* pad */
	.page-boxed {
		max-width: 788px;
	}
}
@media screen and (max-width: 767px) { /* phone */
	body.light_mode #sidebar {
		/*background: rgba(255,255,255,.8);*/
	}
	.page {
		width: 100% !important;
		max-width: 100%;
	}
	.page, .page-content { 
		height: auto !important;
	}
	body.information-faq .container {
		padding-right: 25px !important;
		padding-left: 25px !important;
	}
	.page-header-bottom {
		box-shadow:none;
		margin:0;
		padding:0;
	}
	.page-header-middle.fixed {
		position: fixed;
		z-index:7;
	}
	.page-header-middle.fixed {
		position: fixed;
		z-index:7;
	}
	.page-header-middle.fixed + div {
		position: absolute;	
	}	
	
	body.information-information .searchbar, body.information-information .page-footer .grid-cont, body.information-information .alert, body.account-success .page-footer .grid-cont {
		display:none;
	}
	body.information-information .page-footer, body.account-success .page-footer .copyrights {
		margin-top:0 !important;
	}
	body.account-success .page-footer {
		padding-top: 0;
	}
	body.information-information .page {
		padding-bottom:0px !important;
	}
}


body.account-success .container {
	background:none;
	border: none;
    overflow: hidden;
}


/*----------------------------------------------*/
/*                    HEADER                    */
/*----------------------------------------------*/

/**/
/* logo */
/**/
.logo {
	position: relative;
	display: block;
	height: 42px;
	background: none !important;
	transition: height 0.3s;
}
.logo img {
    width: 100%;
    height: auto;
}
.logo-alt {
	height: 70px;
}
body.account-register .home-col-logo { 
	margin: 0 auto;
    float: none;
	padding-top:5px;
}
.home-col-logo {
	display: flex;
}
.home-col-logo > button > span {
	font-weight: 700;
	white-space: initial;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
}
body.account-register .logo img {
	max-width:100%;
}
body.account-register .page-header-top, body.account-register .page-header {
	background:none;
}
.page-header-middle.fixed .logo {
	height: 50px;
}
@media screen and (max-width: 767px) { /* phone */
	.logo {
		background: none !important;
    	height: 50px;
		z-index:5;
		width:50%;
		margin:0 auto;
	}
	.logo img {
		max-width: 100% !important;
    	height: auto;
	}
}


/**/
/* slogan */
/**/
.slogan {
	position: relative;
	display: none;
	background: #000;
	font-size: 24px;
	line-height: 40px;
	font-weight: 300;
	text-align: center;
	color: #000;
}
.slogan span {
	position: relative;
	font-family: Open Sans, "open-sans",sans-serif;
}
.slogan:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #00e363;
	opacity: 0.9;
}
.slogan-alt {
	background: none;
	line-height: 70px;
	text-align: left;
	color: #fff;
}
.slogan-alt:before {
	display: none;
}
.page-light .slogan-alt {
	color: #000;
}

@media screen and (max-width: 1229px) { /* phone */
	.slogan {
		display:none;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.slogan-alt {
		text-align: center;
	}
	.badge-tags-container {
		padding-left: 10px;
	}
	.blog-cover {
	height: 100% !important;
	background-image: none !important;
	}
	#content {
		padding:0;
	}
	#content.profile-page, body[class^="account-customerpartner-"] #content {
		padding-bottom:50px;
	}
	#profile-activity {
		display:none;
	}
	#content.white-box {
		padding: 1.35rem;
		border-radius: 0;
    	border: 0;
	}
	.blog-cover .grid-col, .page-header-bottom .grid-cont {
		padding:0;
	}
	#search {
		margin:0 0 10px !important;
	    box-shadow: inset 6px 6px 12px #d2d9e2, inset -6px -6px 12px #fdfeff !important;
	    font-size: 1.2em;
		float:none !important;
	}
	#searchformhome input {
		width:80%;
		position:absolute;
		left:0;
		margin-left:5px;
	}
	#product-search-home {
		width:20%;
		right:0;
		margin-right:5px;
	}
	.account__card-request, .account__awaken, .account__nfts {
		position: relative;
		height: 280px !important;
		display: block;
		padding: 15px 20px !important;
	}
	.account__card-request > img {
		position: absolute;
		right: 0;
		bottom: 5px;
	}
	.account__awaken > img {
		position: absolute;
		right: 0;
		top: 6px;
		border-radius: 1.5em 1.5em 0 0 !important;
	}
	.account__nfts > img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		border-radius: 1.5em 1.5em 0 0 !important;
	}
	.account__card-request-footer, .account__awaken-footer, .account__nfts-footer {
		background: rgb(78 79 178);
		/* z-index: 1; */
		position: absolute;
		margin: -20px;
		bottom: 0;
		margin-bottom: 0;
		width: 100%;
		border-radius: 0 0 1rem 1rem;
		padding: 15px;
		backdrop-filter: blur(20px);
    	-webkit-backdrop-filter: blur(25px);
	}
	._180-m-fix {
		max-width: 180px !important;
	}
}

/**/
/* blocks */
/**/
._380-fix {
	max-width: 380px;
}
.block.product-neutral:hover .block__icon-container-ring {
    border-radius: 50%;
    transform: scale(40);
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    background: rgba(255,255,255,.15);
}
.block.product-funnel:hover .block__icon-container-ring {
    background-image: linear-gradient(87deg,#2dce89 0,#2dcecc 100%)!important;
    border-radius: 50%;
    transform: scale(30);
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    background: #2dce89;
}
.block.product-academy:hover .block__icon-container-ring {
    background-image: linear-gradient(87deg,#5e72e4 0,#825ee4 100%)!important;
    border-radius: 50%;
    transform: scale(30);
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    background: #5e72e4;
}
.block.product-pro:hover .block__icon-container-ring {
    background-image: linear-gradient(87deg,#fbb140 0,#f9ba2e 100%)!important;
    border-radius: 50%;
    transform: scale(30);
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    background: #f9ba2e;
}
.block.investment-low:hover .block__icon-container-ring {
    background-image: -webkit-radial-gradient(49% 50%, #43a8ef 1%, #3b68ff 10%, #952bf3 50%, #ceb9f9 90%);
    border-radius: 50%;
    transform: scale(60);
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    background: #3b68ff;
}
.block.investment-med:hover .block__icon-container-ring {
    background-image: linear-gradient(87deg,#5e72e4 0,#825ee4 100%)!important;
    border-radius: 50%;
    transform: scale(60);
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    background: #5e72e4;
}
.block.investment-high:hover .block__icon-container-ring {
    background-image: linear-gradient(87deg,#fbb140 0,#f9ba2e 100%)!important;
    border-radius: 50%;
    transform: scale(60);
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    background: #f9ba2e;
}
.block ul > li {
	line-height:2rem;
}
.block.product-funnel .block__text-amount {
	color:#2dce89;
}
.block.product-primary .block__text-amount {
	color:#5e72e4;
}
.block.product-academy .block__text-amount {
	color:#5e72e4;
}
.block.product-pro .block__text-amount {
	color:#f9ba2e;
}
.block.product-academy .block__icon .fa, .block.product-academy .block__icon .fas, .block.product-academy .block__icon .fab {
	color:#5e72e4 !important;
}
.block.product-pro .block__icon .fa, .block.product-pro .block__icon .fas, .block.product-pro .block__icon .fab {
	color:#f9ba2e !important;
}
.white-box.product {
	border-radius: 1rem 1rem 0 0;
}
.pricing-box {
	padding: 50px 30px 30px 30px;
    background-color: #fff;
    border: 1px solid #eee !important;
    border-radius: 24px;
}
.block__footer {
	border-radius: 0 0 1rem 1rem;
    backdrop-filter: blur(20px);
    background: rgba(255,255,255,.5);
    -webkit-backdrop-filter: blur(25px);
    border: 2px solid rgba(255,255,255,.2);
    border-top: none;
}
.account__awaken {
    background-color: #4e4fb2;
    height: 180px;
    padding-left: 30px;
    border-radius: 1.5em;
    display: flex;
	margin:14px 0;
    align-items: center;
    justify-content: space-between;
}
.account__awaken > div {
	padding-bottom: 15px;
}
.account__awaken img {
	border-radius: 0 1.5em 1.5em 0;
}
.account__awaken-title {
    font-size: 26px;
    font-weight: bold;
    color: white;
    padding-top: 0;
    line-height: 50px;
	margin-bottom:0;
}
.account__awaken-desc {
    color: #bab8d5;
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 1.42;
}
.account__awaken-btn {
    cursor: pointer;
    border-radius: 22px;
    background-color: #fcd846;
    border: 0;
    padding: 13px 22.5px;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    color: #272a3c;
}

.account__nfts {
    background-color: #4e4fb2;
    height: 180px;
    padding-left: 30px;
    border-radius: 1.5em;
    display: flex;
	margin:14px 0;
    align-items: center;
    justify-content: space-between;
}
.account__nfts > div:nth-of-type(1){
	width: 300px;
}
.account__nfts > div {
	padding-bottom: 15px;
}
.account__nfts img {
	border-radius: 0 1.5em 1.5em 0;
}
.account__nfts-title {
    font-size: 26px;
    font-weight: bold;
    color: white;
    padding-top: 0;
    line-height: 50px;
	margin-bottom:0;
}
.account__nfts-desc {
    color: #bab8d5;
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 1.42;
}
.account__nfts-btn {
    cursor: pointer;
    border-radius: 22px;
    background-color: #fcd846;
    border: 0;
    padding: 13px 22.5px;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    color: #272a3c;
}
.account__card-request {
    background-color: #262a3c;
    height: 180px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 1.5em;
    display: flex;
	margin:14px 0;
    align-items: center;
    justify-content: space-between;
}
.account__card-request > div {
	padding-bottom: 15px;
}
.account__card-request-title {
    font-size: 26px;
    font-weight: bold;
    color: white;
    padding-top: 0;
    line-height: 50px;
	margin-bottom:0;
}
.account__card-request-desc {
    color: #888799;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.42;
}
.account__card-btn {
    cursor: pointer;
    border-radius: 22px;
    border: 0;
    padding: 13px 22.5px;
    font-size: 14px;
    font-weight: bold;
    outline: none;
}
body.dark_mode .input--main {
	background-color: #252526;
}
.input--main:focus-within {
color: inherit;
z-index: 1;
}
.input--main {
    background-color: #fff;
    border-radius: 7px;
    border: 1px solid rgba(165, 165, 165, .3);
    display: flex;
    position: relative;
}
.input--main .input--prefix {
-webkit-box-align: center;
align-items: center;
background-color: transparent;
color: rgb(138, 147, 155);
display: flex;
padding-left: 15px;
}
.input--main .input--input {
background-color: transparent !important;
border: none !important;
flex: 1 0 0%;
height: 42px;
outline: none;
padding: 0px 12px 0px 0px !important;
min-width: 0px;
}
.label {
	display:inline-flex;
	align-items:center;
	cursor:pointer;
	color:#394a56;
}
.toggle {
	isolation:isolate;
	position:relative;
	height:30px;
	width:60px;
	border-radius:15px;
	overflow:hidden;
	background:rgb(19 19 19);
}
.toggle-state {
	display:none;
}
.indicator {
	height:100%;
	width:50%;
	background:#2b2a3d;
	border-radius:15px;
	border:4px solid rgb(19 19 19);
	transform:translate3d(0%,0,0);
	transition: background 0.4s, border 0.4s, transform 0.25s cubic-bezier(.75,.01,.48,2);
}
.toggle-state:checked ~ .indicator {
	transform:translate3d(100%, 0, 0);	
	background: #ffd255;
	border:4px solid rgb(19 19 19);
}
.toggle-sec {
    border-top: 1px solid rgba(165,165,165 ,.3);
    margin: 20px 0;
    padding: 0;
	min-height: auto !important;
}
.toggle__header {
    cursor: pointer;
    position: relative;
}
.toggle__header:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.2em;
    content: "\f106";
    display: block;
    position: absolute;
	border-radius: 1em;
    top: 38%;
    right: 0;
    color: #9b9b9b;
    background: #363636;
    padding: 0 15px;
    pointer-events: none !important;
}
.toggle__header h3:after {
    font-family: "Font Awesome 5 Free"; 
	font-weight: 900; content: "\f0dd";
    display: block;
    position: absolute;
    top: 48%;
    right: 0;
    margin-top: -12px;
	color:#949494;
}
.toggle__header.opened:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.toggle__title {
    margin-bottom: 0;
    padding: 20px 0;
    font-size: 20px;
    font-weight: 600 !important;
	position: relative;
	font-family: inherit;
}
.toggle__header > h2.toggle__title:after {
	content: '';
	position: absolute;
	top: -webkit-calc(50% + 2px);
	top: calc(50% + 2px);
	border-bottom: 1px solid rgb(54 54 54);
	width: -webkit-fill-available;
	margin: 0 10px;
}
.toggle__header > h2 > span:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0dd";
    display: block;
    position: absolute;
    top: 40%;
    right: 0;
    margin-top: -12px;
    color: #949494;
}
@media screen and (max-width: 1229px) { /* laptop */
	.block__text .badge-md {
		font-size: 1.5em;
	}
	.toggle__title {
		font-size: 18px;
		padding: 0;
	}
	h2.sec-title {
		font-size: 1.5em;
		line-height: 30px;
		position: relative;
		display: inline-block;
	}
	.toggle__header > h2.toggle__title:after {
		top: -webkit-calc(50% + 1px);
		top: calc(50% + 1px);
	}
	.toggle__header:after {
		width: 45px;
		display: flex;
		justify-content: center;
		border-radius: 25px;
		top: 23%;
		right: 0;
	}
	h2.sec-title:before {
		right: 100%;
	}
	h2.sec-title:after {
		left: 100%;
	}
	.block ul > li {
		line-height: 2.5rem;
    	font-size: 1.4rem;
	}
	.block__text-subtitle {
		font-size:1.5em !important;
	}
}
.accordion-panel.closed {
    max-height: 0;
}
.accordion-panel {
    display: block;
    overflow: hidden;
	/*max-height:500vh;*/
    transition: max-height 0.25s ease-in-out;
}
.toggle-tab__val-txt {
    font-size: 24px;
}

.toggle-tab__name {
    margin-bottom: 5px;
    font-size: 12px;
    letter-spacing: 0.3px;
    color: #888799;
}
.toggle-tab__val {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: flex-start;
}
.toggle-details__txt {
    font-size: 16px;
    color: #000;
}
.toggle-details__val {
    color: #2992fa;
    overflow: hidden;
    text-overflow: ellipsis;
}
a.preview {
    color: #586d8f;
    font-size: 15px;
	vertical-align:middle;
}
.affiliate-earnings {
    display: grid;
    grid-template-areas:'topUp sendByPhone sendByWallet';
    /*grid-template-columns: 60% 40%;*/
    grid-template-rows: 230px;
    grid-gap: 14px;
}
.sec-content {
    margin-top: 8px;
    width: 100%;
}
.tab-content > .tab-pane > .feed-box {
	background: none;
	border: none;
}
.feed-box {
	padding: 0 !important;
	margin-bottom: 10px;
    font-size: 16px;
}
.block {
    cursor: pointer;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    background: #f3f3f5;
    border-radius: 8px;
    padding-left: 22px;
    padding-right: 15px;
}
.block._top-up {
    grid-area: topUp;
}
.block._tall {
    padding-top: 50px;
    flex-direction: column;
    padding: 35px 22px;
}
.block._inline {
    flex-wrap: nowrap;
    align-items: center;
}
.block._main {
    position: relative;
    /*padding-left: 280px;*/
	display: block;
}
.block._main:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 8;
    width: 80%;
    height: 80%;
}
.block._main._earnings:before {
    background: url(/catalog/view/theme/branders/image/vectors/branders-avatars-01.svg) left bottom no-repeat;
}
.block._main._rank:before {
    background: url(/catalog/view/theme/branders/image/vectors/branders-rank-01.svg) left bottom no-repeat;
}
.block._main:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 8;
    width: 80%;
    height: 80%;
}
.block._main._earnings:after {
   /* background: url(/catalog/view/theme/branders/image/vectors/branders-avatars-02.svg) 95% bottom no-repeat;*/
}
.block._main._rank:after {
    background: url(/catalog/view/theme/branders/image/vectors/branders-rank-02.svg) 95% bottom no-repeat;
}
.block._send-by-phone {
    grid-area: sendByPhone;
}
.block._send-by-wallet {
    grid-area: sendByWallet;
}
.block__icon {
    z-index: 2;
    width: 45px;
    height: 45px;
    min-width: 45px;
    border-radius: 0.75em;
    margin-right: 18px;
    background: rgb(255 255 255 / 30%);
    box-shadow: 5px 10px 25px rgb(139 157 193 / 15%);
}
.block__icon-container {
    position: relative;
    width: 45px;
    height: 45px;
    min-width: 45px;
    border-radius: 50%;
    margin-right: 18px;
    z-index: 2;
    display: flex;
	align-items: center;
}
.block__icon .fa, .block__icon .fas, .block__icon .fab {
    color: #fff;
    padding: 15px;
	width:45px;
	text-align:center;
	font-size: 1.1em;
    line-height: 16px;
}
.block__thumb img {
	border-radius: .5rem;
}
.block:hover .block__icon .fa, .block:hover .block__icon .fas, .block:hover .block__icon .fab {
	color: #fff !important;
}
.block:hover .block__icon-container-ring {
    background: #3b68ff;
  	background-image: -webkit-radial-gradient(49% 50%, #43a8ef 1%, #3b68ff 10%, #952bf3 50%, #ceb9f9 90%);
    border-radius: 50%;
    transform: scale(23);
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.block._top-up:hover .block__icon-container-ring {
  background: #3b68ff;
  background-image: -webkit-radial-gradient(49% 50%, #faa66e 1%, #f9307d 10%, #5f1eed 50%, #14b9ec 90%);
  border-radius: 50%;
  transform: scale(35);
  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
#earnings-summary .block:hover .block__text-amount, #earnings-summary .block:hover .block__text-title, #earnings-summary .block:hover .block__text-subtitle, #earnings-summary .block:hover .block__text-amount-sm, .block:hover #earnings-summary .block__text ul, #earnings-summary .block:hover .block__text ul > li > i, #earnings-summary .block:hover .copycode, #earnings-summary .block:hover .badge {
  color: #fff !important;
}
.block__icon-container-ring {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 7%;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 450ms ease 0ms;
}
.block__text {
    z-index: 4;
	width: 100%;
}

.block__text._280-fix {
    max-width: 280px;
}
.affiliate-earnings .block__text-title {
	float: left;
}
.affiliate-earnings .block__text-subtitle {
	clear: both;
	border-bottom: none !important;
}
.block__text-title {
    transition: all 200ms ease 0ms;
    font-size: 20px;
    font-weight: bold !important;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #576b8b;
    margin-bottom: 8px;
	margin-top:5px;
	/*max-height: 30px;*/
    font-family: 'Nunito',sans-serif;
	line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#post .block__text-title {
	max-height: 100%;
    white-space: unset;
}
body.dark_mode .block__text-title {
	color: white;
}
.block__text-amount {
    transition: all 200ms ease 0ms;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3b70f9;
    position: absolute;
    z-index: 2;
    left: 60px;
}
body.dark_mode .block__text-amount {
	color: #fcbf10;
}
.block__text-amount .price-old {
    opacity: 0.5;
	text-decoration: line-through;
	font-weight: 300;
}
.block__text-amount-sm {
    transition: all 200ms ease 0ms;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3e6aff;
}
body.dark_mode .block__text-amount-sm {
	color: #1cdffd;
}
.block__text-subtitle {
    transition: all 200ms ease 0ms;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    color: #bdbec2;
    overflow-wrap: anywhere;
}
#tab-activity .block__post .block__text {
	display:block;
}
#feed .block__text-subtitle, #tab-activity .block__text-subtitle {
	overflow: hidden;
    word-break: break-word;
    max-height: 48px;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    line-height: 1.5 !important;
}
#feed .block.block__post, #challenge-feed .block.block__post {
	overflow: hidden;
    cursor: pointer !important;
	padding:0;
}
.block.block__post {
    background: none;
	margin-bottom: 14px;
}
body.dark_mode #postModal .block.block__post-comment {
	border-bottom: none;
}
body.dark_mode .no__access {
	background: rgb(37 37 38 / 10%);
}
.feed-box .block.block__post {
    min-height:80px;
}
body.light_mode .block__post.white-box {
	min-height: 50px; 
	cursor: inherit;
	-webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
	background: rgb(255 255 255);
    border: 1px solid rgb(228, 228, 228);
}
.block__post.clear-box {
	min-height: 50px; 
	cursor: inherit;
	-webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
	background: none; 
	border: none;
	border-radius: 0;
	padding: 1.35rem;
	border-bottom: 1px solid rgba(139 157 193 / 15%);
    padding-left: 0;
    padding-right: 0;
}
.block__post .block__header-pin {
	background: rgb(255 210 85);
    padding: 10px 1.35rem;
	display: flex;
    align-items: center;
	color: #343434;
}
.block__post .block__post-wrapper {
	padding: 1rem 1.35rem;
}
.block__post .block__text h2 {
	font-size: 16px;
    line-height: inherit;
    align-items: self-start;
    flex-direction: column;
    margin-top: 0;
}
.block__post .block__text-subtitle {
    border-bottom: none;
    padding-bottom: 0;
    color: #e9e9e9;
}
body.dark_mode .block__post-like.clicked {
	color: #ffd255;
}
.block__post .fit-vids {
    padding-top: 15px;
    max-width: 100%;
}
.block__post .block__text {
    display: flex;
}
.block__post .block__text-container {
	flex: 1 1 0%;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.block__post .block__text-item {
	height: 104px;
    width: 185px;
    border-radius: 10px;
    margin-left: 16px;
    flex-shrink: 0;
	position:relative;
}
.block__post .block__text-item.square {
    width: 104px !important;
}
.block__post .block__text-item #blocker {
    border-radius: 10px;
	width: 100%;
    background: black;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    opacity: .25;
    pointer-events: none;
}
.block__post #post__content #blocker {
    border-radius: 10px;
    width: 100%;
	background: black;
    display: block;
    pointer-events: none;
}
.block__post #post__content #blocker:before {
	content: '';
    border-radius: 10px;
    width: 100%;
    background: black;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 99999;
    opacity: .55;
    pointer-events: none;
    top: 0;
    left: 0;
}
.block__post .post__media iframe {
    pointer-events: none;
}
.block__post .block__text-item iframe {
	border-radius: 10px;
}
.block__post .block__comments {
	display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
}
.block__post .block__AvatarWrapper {
	position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 25px;
    width: 25px;
}
.block__post .block__AvatarWrapper > span {
	width: 25px;
    height: 25px;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    flex-shrink: 0;
    user-select: none;
    border-radius: 50%;
}
.block__post .block__AvatarWrapper > span > img {
	color: transparent;
    width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
.block__post .fit-vids .video-box iframe {border-radius: .35em;}
.block:hover .btn-primary {
  /*background: #fff;*/
}
.block__post .block__date {
	width: 100%;
    color: #888;
    font-size: .8em;
    font-weight: 400;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
}
.block__post .block__text-short-subtitle {
	overflow: hidden;
    word-break: break-word;
    max-height: 48px;
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
    line-height: 1.5 !important;
    white-space: initial;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.block__post .block__text-time {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Nunito',sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
}
.block__heading {
	display: flex;
}
.block__avatar {
	margin-right: 10px;
    width: 40px;
    height: 40px;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    flex-shrink: 0;
    user-select: none;
    border-radius: 50%;
}
.block__avatar a {
	display: flex;
}
.block__avatar img {
    color: transparent;
    width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}

.block__post .block__text .block__text-owner {
    display: flex;
    white-space: nowrap;
}
.block__post .block__text .block__text-owner .action, .block__post .block__text .block__text-activity .action {
	color:#979696;
	font-weight: 300;
}
.block__post .block__text .block__text-subtitle {
	font-size: 1em;
}
.block__post .block__RecentActivity {
	color: rgb(144, 144, 144);
    font-family: 'Poppins',sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 1.5;
    margin-left: 16px;
}
#postComments.modal-footer {
	padding:0 .95rem
}
#postModal .block.block__post {
	border-bottom: 1px solid rgb(188 188 188 / 20%);
    border-radius: 0;
}
body.dark_mode #postModal .modal-header, body.dark_mode #viewCheckpointModal .modal-header {
	background: #0d0d0d;
}
body.dark_mode #postModal .modal-header.sticky {
	border: 1px solid #3d3e3f;
}
body.dark_mode .modal-header {
	border-bottom: 1px solid #3d3e3f;
}
#postComments .block.block__post {
	border-bottom: none;
}
body.dark_mode #comment-box, body.dark_mode #challenge-post-box {
	background: #252526;
}
#comment-box {
	background: #fff;
    border: 2px solid rgba(139 157 193 / 15%);
	padding: 1.35rem;
}

#comment-box #input-feed-categories.form-control.feed-custom-selector {
	width: auto;
    max-width: 155px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Nunito',sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
}
#comment-box .form-control.feed-custom-selector {
	padding: 13px 15px !important;
    max-width: 210px;
    background-color: rgb(255, 255, 255);
    height: 40px;
	min-height: 40px;
    max-height: 100%;
    padding: 0px 16px !important;
    border-radius: 33px;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(144, 144, 144);
    font-family: 'Nunito',sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 1.5;
    border: 1px solid transparent;
    box-sizing: border-box;
}
#comment-box .form-control.feed-custom-selector:hover {
	background-color: rgb(228, 228, 228);
    color: rgb(32, 33, 36);
}
#comment-box #button-history {
	height:40px;
}
#comment-box #input-comment, #comment-box #input-title, #challenge-post-box #input-comment, #challenge-post-box #input-title {
	background:none !important;
	border: none;
}
#comment-box #input-title, #challenge-post-box #input-title {
	font-size: 23px !important;
    padding-top: 8px !important;
    margin-bottom: 8px;
    padding-left: 0 !important;
}
#comment-box #input-title:focus, #comment-box #input-comment:focus, #challenge-post-box #input-title:focus, #challenge-post-box #input-comment:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
}
#comment-box #input-comment, #challenge-post-box #input-comment {
	font-size: 16px !important;
	font-family: 'Nunito',sans-serif;
	margin-top: 0;
    padding: 0 !important;
	max-width: 710px;
}
body.dark_mode #comment-card, body.dark_mode #challenge-post-card {
	background: #252526;
	border: none;
	box-shadow: none;
}
#comment-card.opened, #comment-box.opened, #challenge-post-card.opened, #challenge-post-box.opened {
	display: inherit;
}
#comment-card.closed, #comment-box.closed, #challenge-post-card.closed, #challenge-post-box.closed {
	display: none;
}
#comment-card, #challenge-post-card {
	background: rgb(255, 255, 255);
    border: 1px solid rgb(228, 228, 228);
    border-radius: 10px;
	box-shadow: rgba(60, 64, 67, 0.32) 0px 1px 2px, rgba(60, 64, 67, 0.15) 0px 2px 6px, rgba(0, 0, 0, 0.1) 0px 1px 8px;
    padding: 0px;
    overflow: hidden;
}
#comments #comment-card, #comments #challenge-post-card {
	margin-bottom:20px;
}
#comment-card > div, #challenge-post-card > div {
	height: 60px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 10px 16px;
    cursor: pointer;
}
#comment-card .avatar-thumbnail, #challenge-post-card .avatar-thumbnail {
	overflow: visible; 
	flex-grow: 0; 
	border: none; 
	margin-right: 16px;
}
#comment-box .box-header, #challenge-post-box .box-header {
	display: flex;
    gap: 8px;
    margin-bottom: 8px;
	align-items: center;
}
#comment-box .box-header .header, #challenge-post-box .box-header .header {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.styled__AvatarWrapper {
	position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 40px;
    width: 40px;
}
.styled__AvatarWrapper span {
	width: 40px;
    height: 40px;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    flex-shrink: 0;
    user-select: none;
    border-radius: 50%;
}
.styled__AvatarWrapper span img {
	color: transparent;
    width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
@media screen and (max-width: 767px) { /* phone */ 
	#tab-activity .block__post {
		max-width: 100%;
	}
	.toggle__header {
		margin-bottom: 10px;
	}
	.block__post .fit-vids {
		max-width: 100%;
	}
	.block__post .block__date {
		font-size: .8em;
		display: block;
	}
	.block__post .block__text .block__text-owner {
		font-size: 1.2em; 
		line-height: 1.4em;
	}
	#history > .block__post .block__text .block__text-owner {
    	white-space: nowrap;
		display: flex;
	}
}
@media only screen and (max-width: 1300px) {
	
	.affiliate-earnings {
		display: grid;
		grid-template-areas:
			'topUp'
			'sendByPhone'
			'sendByWallet';
		grid-template-columns: 1fr;
		grid-template-rows: 280px 160px 160px;
		grid-gap: 14px;
	}
	.block {
		margin: 0 10px;
	}
	.block.block__post {
		margin: 0 0 15px;
	}
	.block._main {
		padding-left: 20px;
    	padding-top: 20px;
	}
	.block._main:before {
		background: none !important;
	}
	.block._main:after {
		background-position: 125% bottom;
	}
	.block__text-title, .block__text-subtitle {
		margin-top:0;
		font-size: 16px !important;
		border-bottom: none !important;
	}
  .block:hover .block__icon-container-ring {
    transform: scale(25);
    transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  }
  .block._top-up:hover .block__icon-container-ring {
	z-index: auto;
    background: #2992fa;
    border-radius: 50%;
    transform: scale(25);
    transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  }
  .block._exchange:hover .block__icon-container-ring {
    background: #2992fa;
    border-radius: 50%;
    transform: scale(40);
    transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  }
  .fiat-services {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 211px 211px;
  }
  .block._exchange._tall {
    padding: 12px 22px;
    justify-content: space-around;
  }
}

/**/
/* main nav */
/**/
.main-nav {
	margin: 0;
	transition: margin 0.3s;
	float: right;
	padding-right: 15px;
	display: flex;
    align-items: center;
    justify-content: flex-start;
}
.main-nav > ul > li {
	float: left;
	font-size:1.1em;
	font-weight:400;
}
.page-header-middle.fixed .main-nav > ul > li > a {
	line-height:42px;
}
.page-header-middle.fixed .searchbar {
	margin:0;
	padding:10px;
}
.main-nav > ul > li > a {
	display: block;
	padding: 0 13px 0;
	font-size: 16px;
	line-height: 42px;
	transition: border 0.3s, background 0.3s, color 0.3s;
}
.page-header-bottom .main-nav > ul > li > a {
	padding-top:0;
}
a:visited {
	color:inherit;
	text-decoration:none !important;
}
.main-nav > ul > li > a {
	position: relative;
  text-decoration: none;
}
.main-nav > ul > li > a:hover::after {
	content: "";
	position: absolute;
	left: 25%;
	right: 25%;
	bottom: 0;
	border: 1px solid #3b71f9;
}
.main-nav > ul > li:hover > a {
	color: #fff;
}
.main-nav .subnav {
	padding: 5px 0;
}
.main-nav .subnav li {
	padding: 5px 30px;
	color: #7d7d7d;	
}
.main-nav .subnav a {
	display: block;
	transition: color 0.3s;
}
.main-nav .subnav li:hover {
	color: #555;
	background:#f1f1f1;
}
.main-nav .subnav a i {
	position: relative;
	top: 1px;
	float: right;
	font-size: inherit;
	line-height: inherit;
}
.main-nav .subnav .icon {
	margin-top: -20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #333;
	font-size: 1.43em;
	line-height: 2.5em;
}
.main-nav .latest p {
	margin: 0 0 20px -30px;
	padding-left: 30px;
	border-bottom: 1px solid #333;
	line-height: 3.58em;
	font-weight: 700;
}
.main-nav .latest p a {
	float: right;
	width: 3.58em;
	border-left: 1px solid #333;
	line-height: 3.58em;
	text-align: center;
	transition: color 0.3s;
}
.main-nav .latest p a:hover {
	color: #00e363;
}
.main-nav .latest .item a {
	display: block;
	position: relative;
	padding: 0 30px;
	height: 105px;
	background-position: 50% 50%;
	background-size: cover;
	color: #ccc;
}
.main-nav .latest .item a:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	transition: background 0.3s, box-shadow 0.3s;
}
.main-nav .latest .item a:hover:before {
	background: rgba(0,0,0,0.4);
	box-shadow: inset 0 -4px 0 #00e363;
}
.main-nav .latest .item h4 {
	position: relative;
	padding: 1em 0 0.25em;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.25;
	color: #fff;
}
.main-nav .latest .item div {
	position: relative;
	font-size: 0.86em;
}
.main-nav .latest .item div i {
	position: relative;
	top: -1px;
	float: left;
	margin-right: 0.5em;
	line-height: inherit;
}
.main-nav .latest .carousel {
	margin-right: 30px;
	width: auto;
	height: 105px;
	overflow: hidden;
}
.main-nav .latest-alt {
	padding: 20px 30px 30px;
}
.main-nav .latest-alt .item {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 24.55%;
}
.main-nav .latest-alt .item a {
	height: 100px;
}
.main-nav .has-dropdown {
	position: relative;
}
.main-nav .has-dropdown-alt {
	position: static;
}
.main-nav .dropdown {
	position: absolute;
    top: 43px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 20rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #525f7f;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid rgba(0,0,0,.15);
    border-radius: .3rem;
    box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
}
.main-nav .dropdown:before {
	background: #fff;
    box-shadow: none;
    content: '';
    display: block;
    height: 16px;
    width: 16px;
    left: 20px;
    position: absolute;
    bottom: 100%;
    -webkit-transform: rotate(-45deg) translateY(1rem);
    transform: rotate(-45deg) translateY(1rem);
    z-index: -5;
    border-radius: .2rem;
}
.main-nav .dropdown-left {
	top: 0;
	min-width: 100%;	
}
.main-nav .dropdown-large {
	width: 870px;
	min-width: 0;
}
.main-nav .dropdown-xlarge {
	top: 73px;
	width: 100%;
	min-width: 0;
}
.main-nav .has-dropdown:hover > .dropdown {
	opacity:1;
	pointer-events:auto;
	visibility:visible;
	-webkit-transform:translate(0,-.6rem);
	transform:translate(0,-.6rem);
	-webkit-animation:none;
	animation:none;
}
.main-nav .has-dropdown:hover > .dropdown-left {
	left: 100%;
}
.main-nav .switcher {
	display: none;
	height: 2em;
	font-size: 14px;
	line-height: 2em;
}
body.common-home .main-nav .switcher i {
	display: none;
}
.main-nav .switcher i {
	float: left;
	width: 1.3em;
	font-size:2em;
	line-height: inherit;
	color: #ddd;
	text-align: center;
	background: none !important;
	margin-left:5px;
}
.page-header-middle.fixed .main-nav {
	margin: 0;
}
.page-header-middle.fixed .main-nav .dropdown-xlarge {
	top: 60px;
}
.settings__menu li {
	display: inherit;
}
.btn-settings {
	background: none;
    border: none;
    letter-spacing: 0.4px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 38px;
    border-radius: 10px;
    padding: 0px 7px;
    cursor: pointer;
    color: rgb(32, 33, 36);
    font-family: 'Nunito',sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    transition: background 300ms ease 0s;
    justify-content: flex-start;
	margin-bottom: 3px;
}
.btn-settings i{
	min-width:22px;
}
.settings-category {
	font-size: 13px;
	opacity:.6;
	font-weight: 700;
	padding: 0 10px;
	margin-bottom: 3px;
}
body.dark_mode .btn-settings {
	color: #eaeaea;
}
.blog-item a.edit-blog {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-right: 15px;
	font-size:15px;
	letter-spacing: normal;
	font-weight:500;
	color:inherit;
}
.blog-item {
	margin-bottom: 0;
	border-radius: 0;
} 
.btn-settings:hover {
	background: rgb(228, 228, 228);
}
.btn-holder span {
    width: 100%;
    display: block;
    border: 1.5px solid #fff;
    background: #fff;
    border-radius: 5px;
    margin: 4px 0px 5px;
    transition: all 0.3s ease-in-out 0s;
}
.btn-holder {
    width: 24px;
    height: 24px;
    position: relative;
    display: block;
    margin-top: 5px;
}
.btn-holder span:last-of-type {
    margin-top: 0px;
    transform: rotate(0deg);
}
.btn-holder.active span {
    width: 100%;
    display: block;
    margin: 2px;
    transition: all 0.3s ease-in-out 0s;
}
.btn-holder.active span:first-of-type {
    transform: rotate(45deg);
    top: 5px;
    position: relative;
}
.btn-holder.active span:last-of-type {
    transform: rotate(-45deg);
}
@media screen and (max-width: 1229px) { /* laptop */
	.main-nav > ul > li > a {
		padding: 0 20px;
		font-size:1em;
	}
	.main-nav .latest .item a {
		height: 95px;
		padding: 0 20px;
	}
	.main-nav .latest .carousel {
		height: 95px;
	}
	.main-nav .latest-alt .item a {
		height: 108px;
	}
	.main-nav .dropdown-large {
		width: 700px;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.main-nav > ul > li > a {
		padding: 0 15px;
		font-size:1em;
	}
	.main-nav .dropdown-large {
		width: 556px;
	}
	body.mblog .main-nav {
		float: right;
		padding-right: 5px;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.home-col-menu {
		width:100% !important;
	}
	.main-nav {
		margin-top: -42px !important;
		z-index:9999;
		float: left;
		padding:0;
		display: none;
	}
	.main-nav > ul {
		display: none;
		margin-top: 5px;
		margin-bottom:10px;
		width: calc(100% - 1.4rem);
		position: absolute;
		top: 50px;
		left: 0;
		right: 0;
		z-index: 1050;
		margin: .7rem;
		overflow-y: auto;
		height: auto!important;
		
		padding: 1.5rem;
		border-radius: .25rem;
		background: #fff;
		box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
		-webkit-animation: .2s forwards show-navbar-collapse;
		animation: .2s forwards show-navbar-collapse;
	}
	.main-nav > ul > li {
		float: none;
		overflow:hidden;
	}
	.main-nav > ul > li > a {
		padding: 5px 10px 5px 10px;
		border: 0;
		line-height: 1.5em;
		font-size:1.5em;
		border-bottom:1px solid #e1e1e1;
		color:#555;
		display:flex;
	}
	.main-nav .latest {
		padding:0;
	}
	.main-nav .latest-alt .item a {
		height: auto;
   		padding-bottom: 15px;
	}
	.main-nav .latest-alt .item {
		width:100%;
		margin-bottom: 10px;
	    border-bottom: 2px solid #00e363;	
	}
	.main-nav .subnav {
		padding: 10px 0 20px;
	}
	.main-nav .subnav li {
		font-size: 1.5em;
		color:#7d7d7d;
		padding-bottom: 5px;
	    padding: 7px 5px;
	}	
	.main-nav .subnav a {
		display: block;
	}
	.main-nav .subnav .icon {
		display: none;
	}
	.main-nav .dropdown {
		position: static;
		display: none;
		background: none;
		box-shadow: none;
	    width: 100%;
	}
	.main-nav .dropdown:before {
		background:none;
	}
	.main-nav .dropdown-large,
	.main-nav .dropdown-xlarge {
		width: auto;
	}
	.main-nav .switcher {
		display: inline;
		width:100px;
	}
	.page-header-middle.fixed .main-nav {
		margin: 11px 0;
	}
	
	.dark-box {
		border-radius: 0 !important;
		border: none !important;
	}
}

/* 11. Home - Video */

.video-home {
	position: relative;
	height: 650px;
	overflow: hidden;
	margin: 0px -10px 0px;
	z-index: 5;
}
.fit-vids {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.video-box {
    width: 100%;
    position: relative;
    padding: 0;
	padding-top:55%;
}
.video-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-radius: 0.55em;
}
.video iframe {
	width: 1280px;
	height: 720px;
	margin-left: 0px;
	margin-top: -81.5px;
}
.container_full_dark {
	background: #eaecf2;
}
.container_full_clear {
	background: #eaecf2;
}
.container_full {
	/*background: #eaecf2;*/
}
.container_home {
    background: #f1f1f1;
    padding: 0 5%;
}
.container_home .recent-news p  {
		padding-top:20px;
	}
.box-callAction {
	position: relative;
    padding: 40px 70px;
    background-color: #edf5f8;
    border: 1px dashed #d0d0d0;
}
.box-callAction input {
	display:inline-flex;
}
.bg-danger {
  background-color: #e35151 !important;
}
.bg-warning {
  background-color: #f8b922 !important;
}
.bg-success {
  background-color: #4fd69c !important;
}
.bg-secondary {
  background-color: #f4f5f7!important;
}
.bg-white {
  background-color: #eaecf2 !important;
}
.green-box {
	background: #cbfde8;
	color: rgb(49, 52, 68) !important;
	margin-bottom: 20px;
	border: 1px solid #31f5a2;
	padding: 5px 20px;
	clear: both;
}
.yellow-box {
	background:linear-gradient(to bottom, #f9e55e, #f7a820);
	background:-webkit-linear-gradient(top, #f9e55e, #f7a820);
	padding:0 20px;
}
.blue-box {
	background:linear-gradient(to bottom, #3aaaf9, #2c56cc);
	background:-webkit-linear-gradient(top, #3aaaf9, #2c56cc);
	padding:0 20px;
}
.dark-box {
    position: relative;
    min-width: 0;
    min-height: 159px;
    word-wrap: break-word;
    padding: 1.35rem;
    flex: 1 1 auto;
    border-radius: 10px;
    transition: all .2s ease-in-out;
    background: linear-gradient(to bottom ,#373b61 27.02%,#2b2b51 72.98%);
    border: 1px solid rgba(139 157 193 / 15%);
    box-shadow: inset 0 5px 15px 0 rgb(9 10 10 / 57%);
    height: 100%;
    margin-bottom: 30px;
}
body.light_mode .dark-box {
	background:#f0f0f0;
    box-shadow: inset 0 5px 15px 0 rgb(43 45 49 / 10%);
}
#green-screen-app.dark-box h1 {
	color:white;
	padding-top:0.8em;
	font-size:2em !important;
}
.footer-legal-link {
    border-right: 1px solid #c1cdda;
    margin-right: 10px;
    padding-right: 15px;
    display: inline-block;
    margin-top: 3px;
    white-space: nowrap;
}
.footer-legal-box {
	background:#1a1a1a;
	color:white;
	padding:10px 20px;
	font-family: 'Roboto',arial,sans-serif;
}
.footer-legal-box-clear a {
	font-size:.8em;
}
.footer-legal-box-clear a:hover {
	color:#5e71e4;
}
.footer-legal-box-clear {
	background:none;
	padding:0 20px;
	font-family: 'Roboto',arial,sans-serif;
}
.footer-legal-box a {
	color:#ddd;
	font-size:.8em;
}
.clear-box {
	background: #f5f5f5;
    padding: 10px;
    border-radius: 7px;
}
body.dark_mode .clear-box {
	background: #252526;
}
.clear-box.sep {
	border-bottom:1px solid rgba(165,165,165 ,.3)!important;
}
.yellow-box .center, .blue-box .center {
	padding-top:160px;
	padding-left:50px;
	padding-right:50px;
}
.green-box .center {
	padding-top:50px;
	padding-left:40px;
	padding-right:40px;
}
.green-box a, .green-box a:hover{
	color:#04ab64;
}
.blue-box a {
	color:white;
	font-size:1.2em;
}
.green-box .grid-col-8 {
	padding:0 50px;
}
.blue-box a:hover {
	text-decoration:underline;
	color:white;
}
#green-screen-app h1{
    font-family: 'Roboto Slab',palatino,serif;
    font-size: 2.5em !important;
    border: none;
}
.green-box h1, .green-box h3, .green-box p, .blue-box h1, .blue-box p {
    color: white !important;
}
.green-box h3 {
	margin-top:0 !important;
}
.yellow-box h1, .yellow-box p {
    color: #444 !important;
}
.information-information #content #green-screen-app p {
    font-size: 1.2em;
	font-weight:100 !important;
	line-height:1.6em;
}
.container_full .float-box {
	margin-top:-80px;
}
.container_full .blue-box .float-box {
	margin-top:-50px;
}
.container_full #content {
	padding-right:10px;
	padding-left:10px;
}
#green-screen-app .row {
	margin-right:0;
	margin-left:0;
}
li.license {font-size:80%; color:#7b7b7b; padding-top:10px;}
@media (max-width: 767px){
	.container {
		margin-top: 51px !important;
	}
	.product-prev select.form-control {
		background:#fff;
		color:#333;
	}
	li.license {font-size:90%}
	.product-prev .prod-desc {
		padding:0 15px;
		font-size:1.2em !important;
		font-weight:400 !important;
		color:#ddd !important;
	}
	.product-page .prod-desc {
		padding:0 15px;
		font-size:1.2em !important;
		font-weight:400 !important;
		color:#333;
		border:none !important;
	}
	.product-page #product {
		width:100%;
		font-size:1.1em;
		border:none !important;
    	box-shadow: none !important;
    	background: none !important;
	}
	.videorista-app .grid-col-1 {
		width: 8.33%;
		margin-right:15px;
	}
	.videorista-app .grid-col-11 {
		width: 85.66%;
	}
	.videorista-app {
		margin-bottom: 20px;
		display:inline-block;
	}
	.product-prev .col-sm-4 {
		background: #333;
    	padding: 15px;
	}
	.prod-desc p {
		padding-top:5px !important;
		font-weight:400 !important;
	}
	.prod-desc ul li {
		line-height:1.8 !important;
	}
	.prod-desc ul {
		margin-bottom:10px !important;
	}
	.button-reactivate {
		font-size:2.5em;
	}
	.mcenter {
		text-align:center;
		overflow: hidden;
    	position: relative;
	}
	.yellow-box .center {
	padding-top:20px;
	padding-left:5px;
	padding-right:5px;
	}
	.blue-box .center {
	padding-top:80px;
	padding-left:5px;
	padding-right:5px;
	}
	.green-box .center {
	padding-top:30px;
	padding-left:7px;
	padding-right:7px;
	}
	.green-box .grid-col-8 {
	padding:0 10px;
	}
	.green-box img {
		margin-bottom:0px;
	}
	#green-screen-app h1{
    font-size: 4em !important;
	line-height:1.2em;
	padding-bottom:0;
	}
	#green-screen-app p{
    font-size: 1.5em !important;
	}
	.home-video-info h1 {
		width:100% !important;
		font-size: 1.65em !important;
		margin: 100px 0 0 !important;
	}
	h4.welcome-tag {
		font-size:1.5em;
		padding-top:20px;
		margin-top:0;
	}
}
@media screen and (max-width: 979px) { /* pad vertical */
	.container_full .float-box {
		margin-top:10px;
	}
	
	.green-box img {
		margin-bottom:0px;
	}
	.bg-parallax.video {
		top:-710px !important;
	}
	#green-screen-app img {
		margin-top:20px;
	}
	.yellow-box .center {
	padding-top:20px;
	padding-left:10px;
	}
	.blue-box .center {
	padding-top:100px;
	padding-right:10px;
	}
	.green-box .center {
	padding-top:20px;
	padding-right:0;
	}
	.yellow-box p.hiddenphone {
	display:none;
	}
	.yellow-box p, .blue-box p {
	font-size:1.4em !important;
	}
}

.container {
	width:100% !important;
	height: 100%;
	min-width: 768px;
    max-width: 1080px;
	padding-left: 0;
	padding-right: 0;
	display: flex;
	flex-direction: column;
	margin-top: 60px;
	padding-bottom: 60px;
}
#nav__profile ~ .container {
	margin-top: 0 !important;
}
.container > .row {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
    padding-top: 15px;
	padding-bottom: 15px;
}
.container > .row::-webkit-scrollbar {
	width:0px;
	background:transparent;
}

body[class^="product-product-"] .container > .row, body.account-order .container > .row, body.mpblog-blog .container > .row, body.mpblog-blog-view .container > .row, body.account-mpblog-blog_category-edit .container > .row, body.affiliate-downline .container > .row {
	/*max-width: 1122px;
	border-right: 1px solid rgba(165,165,165 ,.3)!important;*/
}
.container_vids {
	display: flex;
	flex-direction: column;
	align-content: center;
	margin-bottom: 20px;
}
@media (min-width: 1400px){
	body.checkout-checkout .container {
		background: none;
		border: none;
	}
	body.checkout-checkout .container > .row {
		/*overflow-y: hidden;*/
	}
	.account-wk_communication .container {
		padding: 0;
	}
	.account-wk_communication .container > .row {
		margin: 0;
		overflow-y: hidden;
	}
	body.common-home .container {
		width:1240px;
	}
}

@media (min-width: 1200px){
	body[class^="customerpartner-profile-"] .container, body.customerpartner-profile .container {
		padding: 0;
		padding-bottom: 65px;
		/*overflow-y: scroll;*/
	}
}
@media (max-width: 1390px){
	body.common-home .container {
	/*width:1240px;*/
	}
}
@media (max-width: 1229px){
	.container {
		width:100%;
		min-width: 0;
		padding-right:5px;
    	background: none;
    	border: none;
    	padding: 0;
	}
	body.checkout-cart .container {
		padding-right:15px;
		padding-left:15px;
	}
	.video-home {
	height: 350px;
	}
	.welcome-block {
		padding:0 20px 10px 20px;
	}
	.home-video-info {
		height: 700px;
	}
	.home-video-info h1 {
		margin:110px auto 0 !important;
		font-size: 2em !important;
		padding:0 40px !important;
		width:auto !important;
		text-align:center !important;
	}
	.home-video-info h4 {
		font-size:1.5em !important;
		padding:0 20px !important;
		width:auto !important;
		text-align:center !important;
		padding-top:10px !important;
	}
	h4.welcome-tag {
		font-size:1.25em;
		margin-bottom:20px;
	}	
}

.home-featured-sets {
	background: #ddd;
    padding: 50px 0;	
}

.home-featured-sets .info h1 {
	font-family: 'Roboto',palatino,serif;
    padding-bottom: 0.2em;
    text-align: left;
    padding-top: 0;
    margin-bottom: 0;
    border: none;
    background: none;
    font-size: 2em;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    color: #333;
}

.home-featured-sets .info p {
	font-size:1.3em;
}

.home-video-info h1 {
	margin: 240px auto 0;
    width: 58%;
    font-size: 2em;
    line-height: 1.3em;
    font-weight: 600;
	padding:5px 0;
    -webkit-font-smoothing: antialiased;
    color: #FFF;
    text-align: left;
    border-bottom: none;
    font-family: 'Roboto',palatino,serif;
}

.home-video-info h4 {
	color: #fff !important;
	margin-top: 0px !important;
	font-family: 'Roboto',arial,sans-serif !important;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    font-weight: 200 !important;
    font-size: 1.15em;
	letter-spacing:0.006em;
    width: 58%;
}

.calltoaction, .calltoaction:hover {
    display: inline-block;
    font-size: 18px;
    width: 65px;
    height: 65px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0;
    background-color: #37be70;
	color:white;
    -moz-box-shadow: 0 0 10px rgba(255,102,0,.5), inset 0 0 3px #fff;
    margin-top: 0;
    letter-spacing: 1px !important;
    text-align: center;
}

.calltoaction:hover {
	opacity: 0.8 !important;
}

.home-video-info {
	position: relative;
	z-index: 999;
	height: 650px;
	padding: 1px 0 118px;
}

.home-video-info:after {
	content: "";
	background: url("../image/common/dotsdark.png") repeat scroll left top transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.9;
}

.bg-parallax.video {
	position: relative;
	top: -750px;
}

.bg-parallax-header.video {
	position: relative;
	top: -290px;
}

.l-posts {
	margin-bottom: 25px;
}

.home-parallax .l-posts {
	margin: 0 -5px;
}

.l-posts li {
	width: 18%;
	margin: 0px 1% 1%;
}

.home-video {
	/*padding: 0px;*/
	width:100%;
	position:relative;
}

.fullcover {
	width: 100%; 
	object-fit:  cover; 
	object-position:  center; 
	z-index: 0;
}
@media screen and (max-width: 767px) { /* phone */
	.bg-parallax.video {
		top:-630px !important;
	}
	.mflex {
		display: flex;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px;
	}
	.container_vids {
		padding: 0px 30px;
    	margin-top: 62px;
		margin-bottom: -30px;
	}
	.container_vids .owl-carousel .owl-nav button.owl-next, .container_vids .owl-carousel .owl-nav button.owl-prev {
		top: unset;
		bottom: 3px;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}
}
/**/
/* sections */
/**/
.justify-content-center {
    justify-content: center!important;
}
.section shaped {
	position:relative;
}
.section {
    position: relative;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.section-lg {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.section-sm {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.section-shaped .shape-style-1.shape-default {
    background: url(https://test.branders.social/image/catalog/Branders/Banners/hero-account.jpg) center center;
	background-size:cover;
}
.section-shaped .shape-default {
    background: linear-gradient(150deg,#160d35 15%,#0c081a 70%,#000 94%);
}
.section-shaped .shape-warning {
    background: linear-gradient(150deg,#eb4097 15%,#e8218b 50%,#b01065 94%);
}
.section-shaped .shape-success {
    background: linear-gradient(150deg,#58debf 15%,#1eca9a 50%,#19b79b 94%);
}
.section-shaped .shape-primary {
	background-image: url(/image/blur-bg.jpg);
    background-size: cover;
    background: linear-gradient(150deg ,#5312d3 15%,#150d96 70%,#0a080d 94%);
    background-image: radial-gradient(at 50% 0%, #5312d3, #150d96, #0a080d 80%);
}
.section-shaped .shape {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.section-shaped .shape+.container {
    position: relative;
    height: 100%;
}
.align-items-center {
    align-items: center!important;
}
.justify-content-between {
    justify-content: space-between!important;
}
.sub {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 1rem;
	margin-bottom:20px;
}
.lead {
    font-size: 1.55rem !important;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 1rem;
}
.lead+.btn-wrapper {
    margin-top: 3rem;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.rounded {
    border-radius: 1rem!important;
}
.overflow-hidden {
    overflow: hidden!important;
}
@media (min-width: 992px) {
	.mt--200 {
		margin-top: -200px!important;
	}
	.mt--100 {
		margin-top: -100px!important;
	}
	.pb-150 {
		padding-bottom: 150px!important;
	}
	.pb-200 {
		padding-bottom: 200px!important;
	}
	.pb-250 {
		padding-bottom: 250px!important;
	}
	.main-nav .dropdown {
		opacity: 0;
		display: block;
		pointer-events: none;
		-webkit-transform: translate(0,10px) perspective(200px) rotateX(-2deg);
		transform: translate(0,10px) perspective(200px) rotateX(-2deg);
		transition: visibility .25s,opacity .25s,-webkit-transform .25s;
		transition: visibility .25s,opacity .25s,transform .25s;
		transition: visibility .25s,opacity .25s,transform .25s,-webkit-transform .25s;
	}
	.transform-perspective-right {
		-webkit-transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg);
		transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg);
	}
	.transform-perspective-left {
		-webkit-transform: scale(1) perspective(1040px) rotateY(11deg) rotateX(2deg) rotate(2deg);
		transform: scale(1) perspective(1040px) rotateY(11deg) rotateX(2deg) rotate(0deg);
	}
	.transform-perspective-left:hover {
		-webkit-transform: scale(1.03) perspective(1040px) rotateY(-2deg) rotateX(-1deg) rotate(0deg);
		transform: scale(1) perspective(1040px) rotateY(-2deg) rotateX(-1deg) rotate(0deg);
	}
}
.separator {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
    z-index: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
    pointer-events: none;
}
.separator-bottom {
    top: auto;
    bottom: -1px;
}
.separator-skew {
    height: 60px;
}
.separator-bottom svg {
    bottom: 0;
}
.separator svg {
    position: absolute;
    pointer-events: none;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
.fill-white {
    fill: #fff;
}
.fill-clear {
    fill: #eaecf2;
}
.fill-dark {
    fill: #110c38;
}
.fill-default {
    fill: #19214d;
}
/**/
/* product normal */
/**/

@media screen and (max-width: 767px) { /* phone */
	.product-page .seller-info .seller-details h4 {
		font-size: 1.4em;
	}
	.product-page .MuiPaper-root {
		background: none !important;
		border: none !important;
		box-shadow: none !important;
	}
}
.product-wrap {
	position:relative;
	z-index: 3;
	display: flex;
	justify-content: center;
}
.loader__wrapper {
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.loader__wrapper .loader {
	 width: 100%;
    position: relative;
    overflow: hidden;
    background-color: rgb(228, 228, 228);
    height: 24px;
    border-radius: 33px;
}
.loader__wrapper .loader .completion.progress {
	background-color: rgb(255 206 60);
    position: absolute;
    height: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
	color: rgb(32, 33, 36);
    padding-left: 16px;
    font-family: 'Nunito',sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 13px;
    line-height: 1.5;
	box-shadow: none;
	overflow: visible;
}
.loader__wrapper .loader .completion {
border-radius: 33px;
}
.clearing-bar {
	width: 100px;
    height: 10px;
    background: rgba(165,165,165 ,.4);
    border-radius: 10px;
}
.clearing-progress {
	height: 100%;
  background-color: #5c70ff;
  border-radius: 10px;
	background-image: linear-gradient(269deg,#13e9f3 7.02%,#495bf9 92.98%);
}
progress.progress-bar {
  color: #cb9222;
    background: none;
    box-shadow: none;
}

progress.progress-bar::-moz-progress-bar {
  background: #cb9222;
}

progress.progress-bar::-webkit-progress-value {
  background: #0fb1fd;
-webkit-appearance: none;
-moz-appearance: none;
 appearance: none;
 background-size: auto;
 border-radius: 15px;
 -moz-border-radius: 15px;
}

progress.progress-bar::-webkit-progress-bar {
  background: #cb9222;
-webkit-appearance: none;
-moz-appearance: none;
 appearance: none;
 background-size: auto;
 border-radius: 15px;
 -moz-border-radius: 15px;
}
.product-prev {
	background: #353535;
    padding: 0;
    color: #eaeaea;
    font-family: "Raleway", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
	border-top:none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
.product-prev hr {	
    border-bottom: 1px solid #555;
    margin-bottom: 15px;
}
.product-prev .col-sm-8 {
	padding-top:15px;
}
.product-prev .col-sm-4 {
	padding-top:30px;
	background:#2a2a2a;
	display:inline-block;
}
.product-prev .col-sm-4::after {
	content: "";
	left: 100%;
    position: absolute;
    background-color: #2a2a2a;
    top: 0;
    bottom: 0;
    width: 9999px;
}
.product-prev .control-label, .product-prev h3 {
    color: #fff;
	text-transform:capitalize;
	font-size:1.3em;
	font-weight:600;
	margin-top:20px;
	display:inline-block;
}
.product-prev div.required .control-label:before {
	content:'';
}
.product-prev .form-control {
    background: #272727;
	border:none;
	border-radius:7px;
	color:#00e363;
}
.product-prev button.btn-default {
	background-color: #00e363;
    color: #fff !important;
    border-radius: 0;
    padding: 10px 40px;
    margin-top: 10px;
}
.product-prev .form-control:focus {
	border:1px solid #00e363 !important;
}
.product-prev .has-error .form-control:focus {
	border:1px solid #a94442 !important;
}
.product-prev textarea {
	resize:none;
}
.product-prev input[type="text"].form-control::placeholder {
	visibility:hidden;
}
.product-prev h1.product-title {
    font-family: "Raleway", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.7em;
    font-weight: 700;
	padding-top:0;
    line-height: 1.2em;
	color:#00f36a;
	border-color: #555;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
.product-prev h1.product-title .readmore {
	font-size: .5em;
    color: #ddd;
	font-weight:700;
    font-family: 'Montserrat', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.product-prev .prod-desc {
	color:#ccc;
    font-weight: 500;
     font-family: "Raleway", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 1em;
    line-height: 1.5em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
	margin-bottom:20px;
}
.product-prev .prod-desc p {
	padding:10px 0;
	font-size: 1em;
}

.product-prev .prod-desc h1{
	color:#00e363;
	border-bottom: 1px solid #2a2a2a;
    font-family: 'Roboto Slab',palatino,serif;
    padding-top: 10px;
	font-size:1.5em;
}
.product-prev .prod-desc h2{
	font-size:1.3em;
	color:#00e363;
	border-bottom: 1px solid #525252;
	padding-top: 10px;
	margin-bottom: 10px;
}
.product-prev .prod-desc ul li {
	line-height: 1.9em;
}
.product-prev .prod-desc a {
	color:#00e363;
	text-decoration:underline;
}
.product-prev .prev-buttons {
	padding-top:20px;
}
.product-prev .prod-comp {
	width: 100%;
    font-size: 1.2em;
    margin: auto;
    background: none;
	border:1px solid rgba(255,255,255,.4);
    border-radius: 7px;
    display: inline-block;
    transition: .1s;
}
.product-prev .prod-comp:hover {
	border:1px solid rgba(255,255,255,.9);
}
.product-prev .prod-comp a {
	width: 100%;
    padding: 15px 10px;
	font-size:.75em;
	display:inline-block;
	text-align:center;
	text-decoration:none;
}
.product-prev .prod-comp a:hover {
	color:white;
}
.product-prev .prod-buy, .product-page .prod-buy {
	width: 100%;
    font-size: 1.2em;
    margin: auto;
    display: inline-block;
}
.product-prev .prod-buy button, .product-page .prod-buy button {
	width: 100%;
    padding: 15px 25px;
    border-radius: 7px;
    transition: all .1s;
}
.prod-buy button#SolanaPay {
    background: #464bc7;
}
.prod-buy button#SolanaPay:hover {
    background: #4044ac;
}
.product-prev .prod-buy button:hover, .product-page .prod-buy button:hover {
    background: rgba(165,165,165 ,.3);
}
.product-prev .prod-buy button#button-quotation {
	width: 100%;
    padding: 15px 25px;
	color:white;
    background: none;
	border: 1px solid rgba(255,255,255,.4);
	margin-bottom:20px;
    border-radius: 7px;
    transition: .1s;
}
.product-prev .prod-buy button#button-quotation:hover {
    border: 1px solid rgb(0, 193, 103);
}
.product-prev .prod-buy span.downloadit, .product-page .prod-buy span.downloadit {
	font-weight:700;
}
.product-prev .prod-buy span.downloadit .fa, .product-page .prod-buy span.downloadit .fa {
	font-size:1.4em !important;
	margin-right:5px;
}
.product-prev .price, .product-prev .price-old, .product-prev .price-new {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}
.product-prev .price, .product-prev .price-new, .product-page .price, .product-page .price-new {
    color: #fff !important;
    font-weight: 700;
}
ul > li > h2 {
	border-bottom:none;
	padding-top:0;
	padding-bottom:0;
}
#button-cart .price-old {
    color: rgba(255,255,255,.7) !important;
}
.price-old {
    color: rgba(150,150,150,.7) !important;
	text-decoration:line-through;
}
.product-prev .price-sale, .product-page .price-sale {
    color: #fff;
    background-color: #ef3635;
    font-size: .8em;
    padding: 5px 0;
    font-weight: 700;
    text-align: center;
    border-top: 1px dashed #000;
    width: 100%;
    display: inline-block;
    letter-spacing: 5px;
}
#tab-specification thead {
	background:none;
}
#tab-specification {
	line-height:1.6em;
	font-size:.95em;
	margin:15px 0;
}
.product-prev #tab-specification .attribute {
	color:#888;
}
.product-prev #tab-specification .value {
	color:#ccc;
}
/** Product Dark **/

.product-page {
	background: none;
    padding: 0;
	border-top:none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
	height: 100%;
}
.product-page hr {	
    margin-bottom: 15px;
}
.product-page .starting {
	margin:15px 0;
	display:inline-block;
	width:100%;
}
.product-page .starting .price {
	color:#586d8f !important;
	font-size:1.3em;
	font-family:'Montserrat', Helvetica Neue, Arial, sans-serif;
}
.control-label.large {
    color: #668ffb;
	font-size:1.3em;
	font-weight:600 !important;
	display:inline-block;
}
.product-page .MuiPaper-root {
	padding-top: 10px !important;
	padding-right: 1rem !important;
    padding-left: 1rem !important;
	box-shadow: 0 5px 15px 0 rgb(43 45 49 / 10%);
}
.product-page .MuiButton-contained {
	margin-top: 5px;
	border-radius: 0.5rem;
}
#tab-about ul {
	margin-bottom: 20px;
}
#tab-about ul > li {
	display: list-item;
    margin-left: 20px;
	list-style: circle;
}
.product-page h1.title, h2.title {
					font-size: 4rem;
					font-weight: 700 !important;
					font-family: Circular,sans-serif;
				}
				.about-section__title {
					margin-bottom: 0.5em;
					color: white;
					font-family: Circular,sans-serif !important;
    				font-size: 4rem !important;
				}
				.product-page h4 {
					color: white;
				}
				.roadmap__milestones {
					display: -webkit-flex;
					display: flex;
					-webkit-flex-direction: column;
					flex-direction: column;
					margin: 1rem 0;
					text-align: left;
				}
				.roadmap__item {
					position: relative;
					padding-bottom: 2rem;
					padding-left: 2.45rem;
				}
				.roadmap__item--completed .roadmap__item-title {
					color: #66f9ad;
				}
				.roadmap__item-title {
					margin-bottom: 0;
					margin-right: 0.3em;
					font-weight: 500;
					opacity: 1;
				}
				.text {
					font-family: Circular,sans-serif;
					font-size: 1.1rem;
					line-height: 1.58;
				}
				.text_color_default {
					color: #fff;
				}
				.roadmap__item--completed.roadmap__item:after {
					border-radius: 50%;
					background-color: #3b70f9;
					z-index: 2;
				}
				.roadmap__item--completed.roadmap__item:after, .roadmap__item:after {
					content: "";
					position: absolute;
					left: 0;
					top: 0.15rem;
					width: 1.3rem;
					height: 1.3rem;
				}
				.roadmap__item:after {
					border-radius: 50%;
					background-color: unset;
					border: 0.1rem solid #3b70f9;
					z-index: 1;
				}
				.roadmap__item:not(:last-child):before, .roadmap__milestones:not(:last-child) .roadmap__item:last-child:before {
					content: "";
					position: absolute;
					left: 0.6rem;
					top: 1.45rem;
					height: -webkit-calc(100% - 1.3rem);
					height: calc(100% - 1.3rem);
					width: 0.1rem;
				}
				.roadmap__item:not(:last-child):before {
					background-color: #3b70f9;
				}
#tab-team {
	position: relative;
    width: 115rem;
    max-width: 100%;
    margin: 0 auto;
}
.team_members {
	display: grid;
    grid-template-columns: repeat(auto-fit,minmax(15rem,1fr));
    grid-gap: 5rem;
    justify-items: center;
}
.team_member {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.team_member a.thumbnail {
    border: 2px solid #3b70f9;
    border-radius: 50%;
    margin-bottom: 0;
    margin-top: 10px;
	padding: 5px;
}
.team_member a.thumbnail:hover {
    border: 2px solid #00e363;
}
.team_member img {
    border-radius: 50%;
    width: 150px;
}
.team_member h2 {
	font-family: 'Circular', sans-serif;
    font-size: 1.7em;
    font-weight: 700 !important;
    padding-top: 0;
    line-height: 1.2em;
    color: #fff;
    border: none;
    margin-top: 10px;
    padding-bottom: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
    text-align: center;
}
.team_member h3 {
	color: #bdbec2;
    font-size: 1.1em;
    margin-bottom: 10px;
}
.team_member p {
	font-family: 'Circular', sans-serif;
	text-align: center;
	font-size: .9em;
}
.team_member #socials.connect-icons {
	position: relative;
	justify-content: center;
    margin-top: 15px;
}
#members-list .profile-store-status {
	white-space: normal;
}
.product-page .connect-icons {
	position: relative;
	margin: 0;
}
.connect-icons button, .connect-icons a {
	border-radius: 0;
	border-right-width: 0;
}
.connect-icons button:first-child, .connect-icons a:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0.8rem !important;
    border-bottom-left-radius: 0.8rem !important;
}
.connect-icons button:last-child, .connect-icons a:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0.8rem !important;
    border-bottom-right-radius: 0.8rem !important;
	border-right-width: 1px;
}
.connect-icons {
    display: flex;
    margin-top:15px;
    color: #676767;
}
.connect-icons.scroll {
	
}
.connect-icons .btn-connect i.fa-comment-dots {
	margin-right: 10px;
}
.connect-icons span .fa {
  font-size: 25px;
}
.connect-icons i {
	height: 20px;
}
.connect-icons .btn-outline {
    display: flex;
    align-items: center;
    background: rgb(20 20 22 / 50%);
	height: 45px;
    font-size: 1.2em;
}
.connect-icons .btn-primary {
	height: 45px;
    display: flex;
    align-items: center;
}
.product-page .seller-info {
	margin-bottom: 1rem;
}
.product-page .seller-info .seller-details {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    align-items: center;
}
.product-page .seller-info .seller-details h4 {
	color:#678ffa;
	margin-right: auto;
    padding-left: 10px;
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
}
.product-page .seller-info .seller-thumb {
    height: auto;
    width: 60px;
}
.product-page .seller-info .seller-thumb .img-circle {
    border: 2px solid rgb(133 131 155 / 50%);
}
.product-page .control-label {
    color: #9396a5;
	text-transform:capitalize;
	font-size:1em;
	font-weight:500;
	display:inline-block;
	padding-top:10px;
}
.product-page div.required .control-label:before {
	content:'';
}
.product-page div.optional .control-label:after {
	content:' (Optional)';
	color: #1cd9fe;
}
body.dark_mode .tourbus-leg {
    backdrop-filter: blur(20px);
    background: rgba(50,50,70,.5);
    -webkit-backdrop-filter: blur(25px);
    border: 1px solid rgba(139 157 193 / 15%);
}
body.dark_mode .tourbus-leg-inner h4 {
	color: #f7d53d;
}
body.dark_mode .tourbus-arrow-top:after {
	border-top-color: #30314c;
}
body.dark_mode .tourbus-arrow-bottom:after {
	border-bottom-color: #30314c;
}
body.dark_mode .tourbus-arrow-left:after {
	border-left-color: #30314c;
}
body.dark_mode .tourbus-arrow-right:after {
	border-right-color: #30314c;
}
body.dark_mode .tourbus-arrow-top:before {
	border-top-color: rgba(139 157 193 / 15%);
}
body.dark_mode .tourbus-arrow-bottom:before {
	border-bottom-color: rgba(139 157 193 / 15%);
}
body.dark_mode .tourbus-arrow-left:before{
	border-left-color: rgba(139 157 193 / 15%);
}
body.dark_mode .tourbus-arrow-right:before {
	border-right-color: rgba(139 157 193 / 15%);
}
body.dark_mode .product-page .form-control, body.dark_mode .form-control {
    background: #252526 !important;
    color: #fff !important;
}
body.dark_mode .btn-settings:hover {
	background: #252526;
}
body.dark_mode .form-control:focus + .form-label-placeholder, body.dark_mode .form-label-placeholder.active, body.dark_mode .form-label-placeholder.telephone, body.dark_mode .form-control:not(:placeholder-shown) + .form-label-placeholder {
	background: #252526;
}
.product-page .form-control {
	border:1px solid rgba(165,165,165 ,.3);
	border-radius:7px;
	font-weight:500;
	transition: all .3s;
}
.product-page button.btn-default {
    margin-top: 10px;
}
body.dark_mode .product-page .form-control:hover, body.dark_mode .product-page .form-control:focus {
	border:1px solid rgba(165,165,165 ,.3) !important;
    background: #505262;
	box-shadow: none;
}
.product-page .has-error .form-control:focus {
	border:1px solid #a94442 !important;
}

.has-error .form-control, .has-error .input--main {
    border-color: #f56b6b !important;
}
.product-page textarea {
	resize:none;
}
.product-page #product {
    display: inline-block;
    position: relative;
    width: 100%;
    word-wrap: break-word;
    padding: 1.35rem;
    flex: 1 1 auto;
    border-radius: 10px;
    transition: all .2s ease-in-out;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(25px);
    /*border: 1px solid rgba(139 157 193 / 15%);
    box-shadow: 0 5px 15px 0 rgb(43 45 49 / 10%);*/
}
.product-page .rating-title .reviews span.text {
	display:none;
}
.product-page .rating-title .reviews span.number {
	display:inherit !important;
	color:#999;
}
.product-page .rating-title .fa-stack {
	width:1em;
	vertical-align: bottom;
}
.product-page .rating-title .fa-star, .product-wrap .fa-star {
	color:#ffd200;
}
.product-page .rating-title .far.fa-star, .far.fa-star {
	color:#7e7f88 !important;
}
.product-wrap .fa-stack-2x {
	font-size: 1.5em;
}
.product-wrap .fa-stack {
	padding: 0 10px;
}
.product-page h1.product-title {
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 600 !important;
    padding-top: 0;
    line-height: 1.2em;
    color: #fff;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
.product-page h1.product-title .readmore {
	font-size: .5em;
    color: #777;
	font-weight:700;
    font-family: 'Montserrat', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.product-page .prod-desc .instructions {
	border-top: 3px dashed #ddd;
    border-bottom: 3px solid #ddd;
    padding: 5px 20px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
}
.product-page .prod-desc {
    color: #bdbec2;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 1rem;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    padding: .5rem 1.35rem;
    flex: 1 1 auto;
    border-radius: 10px;
    transition: all .2s ease-in-out;
    background: #343965;
    /*border: 1px solid rgba(139 157 193 / 15%);
    box-shadow: 0 5px 15px 0 rgb(43 45 49 / 10%);*/
}
.product-page .prod-desc p {
	padding:10px 0;
	font-size: 1em;
}
.product-page .rating {
    border: none;
    background: white;
    padding: 20px;
    box-shadow: 6px 6px 12px #d2d9e2, -6px -6px 12px #fdfeff;
    border-radius: 1rem;
	border:1px solid #eaecf2;
}
.product-page #review .table-bordered {
	border:none;
	border-bottom:1px solid rgba(165,165,165 ,.3)!important;
}
.product-page .prod-desc h1{
	color:#333;
	border-bottom: 1px solid #2a2a2a;
    font-family: 'Roboto Slab',palatino,serif;
    padding-top: 10px;
	font-size:1.5em;
}
.product-page .prod-desc h2{
	font-size:1.3em;
	color:#333;
	border-bottom: 1px solid #525252;
	padding-top: 10px;
	margin-bottom: 10px;
}
.product-page .prod-desc ul li {
	line-height: 1.9em;
}
.product-page .prod-desc a {
	color:#00e363;
	text-decoration:underline;
}
.product-page .btn-project {
	background: rgb(4, 185, 92);
    color: white;
    padding: 15px;
    border-radius: 7px;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    font-size: 1.2em;
    transition: .1s;
	margin:15px 0;
}
.product-page .btn-project:hover {
    background: rgb(3, 167, 83);
}
.product-page #tab-specification .attribute {
	color:#999;
}
.product-page #tab-specification .value {
	color:#555;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	background-color: inherit;
    border: none;
    border-bottom: 3px solid #ffce3c !important;
}
body.dark_mode .nav-tabs>li.active>a, body.dark_mode .nav-tabs>li.active>a:focus, body.dark_mode .nav-tabs>li.active>a:hover {
    border-bottom: 3px solid #f7d53d;
}
#nav__profile {
	margin-top: 60px;
    display: flex;
    justify-content: center;
}
body.light_mode #nav__profile {
    background: #fff;
    border-bottom: 1px solid rgba(165,165,165 ,.3)!important;
}
body.dark_mode #nav__profile {
    background: #1b1b1b;
    border-bottom: 1px solid rgb(51 51 51) !important;
}
.nav-tabs {
    display:flex;
    justify-content: flex-start;
	max-width: 1080px;
    min-width: 768px;
}
.nav-tabs>li>a {
	border:none;
	text-align:center;
	font-weight: 700;
	color:#333;
    /*font-size: 1.3rem;*/
}
.nav-tabs>li:first-child>a {
	border-left:none;
}
.nav-tabs>li:last-child>a {
	/*border-right:none;*/
}
.nav-profile>li>a {
	padding: 10px 13px;
}
.buttons-builder {
    border: 1px solid rgba(165,165,165 ,.3)!important;
    border-bottom: 0;
    background: #ececec;
    padding: 1em;
}

.thumbnails .btn-group {
	top: 10px;
    right: 10px;
    margin-bottom: 10px;
}
.clonename {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: conic-gradient(at 50% 55%, #e0a607, #2bfdc0, #f73dcf, #e0a607);
	background-image: -webkit-radial-gradient(0% 20%, circle, #fff 10%, #21f3ff 20%, #2bfdc0 50%);
    background-image: -moz-linear-gradient(top left, #00ffdc 20%, white, #f311c2 60%, #e4ff00);
}
.btn-group {
	float:right;
	margin-left:0px;
}
.btn-link {
    color: #3b70f9;
    background-color: transparent;
}
.btn-link:hover {
	color:#485abf;
	text-decoration:none;
}
.btn-default {
	color: #2f2f2f !important;
    background: #ffce3c !important;
}
.no-shadow {box-shadow:none;}
.btn-neutral {
    background: rgb(240 240 240);
    border: none;
    color: rgb(94 94 94) !important;
}
body.light_mode .intro-tour-highlight {
	background: white !important;
}
body.dark_mode .btn-neutral {
    background: rgb(222 222 222 / 15%);
    border: none;
	color: rgb(216 216 216) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(25px);
}
.btn-swipe {
	position: relative;
	padding: 12px 24px;
	font-size: 16px;
	color: #fff;
	background: linear-gradient(90deg, #6c63ff, #8a78ff);
	border: none;
	border-radius: 8px;
	cursor: pointer;
	overflow: hidden;
	transition: background 0.3s ease;
  }
  
  .btn-swipe::before {
	content: '';
	position: absolute;
	top: 0;
	left: -50%;
	width: 200%;
	height: 100%;
	background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.1) 100%);
	transform: translateX(-100%);
	animation: swipe-glow 2s infinite linear;
	pointer-events: none;
  }
  
  @keyframes swipe-glow {
	0% {
	  transform: translateX(-100%);
	}
	100% {
	  transform: translateX(100%);
	}
  }
  
.btn-primary {
	color:#fff;
    background: #070909;
}
.btn-primary:hover {
	color:#fff;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    background: rgb(255 210 85);
    color: rgb(52 52 52);
}
.btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn-primary:visited {
	background:#000;
	color: #fff !important;
}
body.dark_mode .btn-primary {
    color: #000;
    background: rgb(255 210 85);
}
body.dark_mode .btn-primary:hover {
	color:#171717;
}
body.dark_mode a:hover {
	color: white;
}
body.dark_mode .btn-link {
	color: #ffd255 !important;
}
body.dark_mode .btn-primary:active, body.dark_mode .btn-primary.active, body.dark_mode .btn-primary.disabled, body.dark_mode .btn-primary[disabled], body.dark_mode .btn-primary:visited {
	background:#ffce3c;
	color: #000 !important;
}
.btn-primary.focus, .btn-primary:focus {
	/*background-position: 0 -15px;*/
}
.btn-color {
	color: #fff !important;
    letter-spacing: 1px;
    background-image: none;
    text-transform: inherit;
    border-radius: 1.5em;
    font-weight: 400;
    text-shadow: none;
    transition: .3s;
    background: linear-gradient(140deg,#a312e6 7.02%,#1e86fc 92.98%) !important;
    background-image: linear-gradient(165deg, #03d9f4 3.02%, #1e53e9 37.02%, #8c27f4 67.02%, #E91E63 92.98%) !important;
    display: inline-flex;
}
.btn-color span {
	background: rgb(16 31 79);
    border-radius: 1.5em;
    padding: 10px 30px;
    transition: .3s;
    background-image: radial-gradient(at 0% 0%, #035d9c, #13103e, #073c37 100%);
}
.btn-color:hover { background-color:#6a83ec; background-image: radial-gradient(at 0% 0%, #00f3ff, #13103e, #3cfab0 80%); }
.btn-color span:hover { background:rgba(0,0,0,1); }
.btn-margin {margin:10px;}
.btn-tracking {padding: 12px 25px; background:#eb6651; max-width:180px; margin-top:20px; border-radius:4px; display:block;}
.btn-save {padding: 8px 25px; background:#167ac6; border-radius:4px;}
.btn-play {padding: 8px 25px; background:#dc2e4a; border-radius:4px;} .btn-play:hover {background:#c11c37 !important;}
#cart {
	margin-bottom: 0 !important;
}
#cart > .btn {
	padding:10px 8px;
}
#cart .dropdown-menu {
	background-color: #fff;
    background-clip: padding-box;
    border: 0 solid rgba(0,0,0,.15);
    border-radius: 16px;
    box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
	margin:10px 0;
}
#cart .dropdown-menu:before {
    background: #fff;
    box-shadow: none;
    content: '';
    display: block;
    height: 16px;
    width: 16px;
    right: 15%;
    position: absolute;
    bottom: 100%;
    -webkit-transform: rotate(-45deg) translateY(1rem);
    transform: rotate(-45deg) translateY(1rem);
    z-index: -5;
    border-radius: .2rem;
}
#button-cart .fa-cloud-download {
	font-size: 1.8em;
    line-height: 1px;
    vertical-align: sub;	
}
.btn-download {
	color: #fff !important;
    background-color: #3b70f9;
	background-image: none;
    border-radius: .75rem;
    padding: 10px 20px;
	transition:.3s;
}
.btn-download:hover {
	background-color:#2c63f1;
}

.no-padding {
	padding-right:0;
	padding-left:0;
}
.rno-padding {
	padding-right:0;
}
.lno-padding {
	padding-left:0;
}
.pdb-20 {
	padding-bottom:20px;
}

.cero-padding {
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.cero-margin {
	margin-top:0 !important;
	margin-bottom:0 !important;
}
.pushtop{
	padding-top:70px;
}
.well .btn-primary {
	width:100%;
}
.btn-compare, .btn-wish {
	background: rgba(0,0,0,.5);
    color: rgb(255 255 255 / 50%);
    height: 50px;
    width: 50px;
    margin-left: 1px;
    float: right;
    border: 1px solid rgb(221 221 221 / 50%);
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
button.btn-wish.wish-true {
	background: #393939;
	color:#e44869;
}
.btn-facebook {
	background: #3b5998;
    color: white;
    border: 5px solid #8b9dc3;
    font-size: 2em;
    padding: 13px 25px;
    margin: 0 auto;
    border-radius: 90px;
    cursor: pointer !important;
    margin-top: 15px;
    transition: border 0.3s;
}
.btn-facebook-big {
	background: #3b5998;
    color: white;
    border: 5px solid #8b9dc3;
    font-size: 6em;
    padding: 13px 50px;
    margin: 0 auto;
    border-radius: 90px;
    cursor: pointer !important;
    margin-top: 15px;
    transition: border 0.3s;
}
.btn-facebook-big:hover, .btn-facebook:hover {
    border-color: #dfe3ee;
    cursor: pointer !important;
}
a.btn-share-fb {
	background: rgba(0,0,0,.5);
    border: 1px solid rgba(165,165,165 ,.3)!important;
    color: white;
    height: 50px;
    width: 50px;
    font-size: 1.2em;
    text-align: center;
    padding: 10px 16px;
    margin-right: 10px;
    float: right;
    border-radius: 25px;
    cursor: pointer;
    transition: background 0.3s;
}
a.btn-share-fb-tracking {
	background: #627aad;
    color: white;
    padding: 8px 15px;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.3s;
}
a.btn-share-fb:hover, a.btn-share-fb-tracking:hover {
	background: #3b5998;
}
.table-bordered>tbody>tr:first-child>td, .table-bordered>tbody>tr:first-child>th {
    border-top: none;
}
thead {
	font-weight: 400;
	background:none;
	color: white;
}
body.light_mode thead {
	color: #333;
}
.order-list {
    position: relative;
    transition: all .15s ease;
    box-shadow: 6px 6px 12px #d2d9e2, -6px -6px 12px #fdfeff;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: .0625rem solid rgba(244, 249, 255, 0);
    background-color: #eaecf3;
    background-clip: border-box;
    padding: 1.5rem;
    flex: 1 1 auto;
    border-radius: 1rem;
    transition: all .15s ease;
    margin: .8rem 0;
}
.order-list:hover {
	text-decoration: none;
    box-shadow: 6px 6px 12px #d2d9e2, -6px -6px 12px #fdfeff, inset 6px 6px 12px #d2d9e2, inset -6px -6px 12px #fdfeff;
    border: .0625rem solid rgba(244, 249, 255, 1);
}
.order-list img {
	border-radius:.75rem;
	padding:0;
}
#history.table-bordered {
	margin-bottom:15px;
}
#history.table-bordered>tbody>tr {
	border-bottom:1px solid rgba(165,165,165 ,.3)!important;
}
#history.table-bordered>tbody>tr>td {
	border: none;
    vertical-align: top;
    padding: 15px;
}
#history.table-bordered .from_seller, #history.table-bordered .from_customer {
    padding-right: 0;
}
#history.table-bordered span.date-added {
	font-size:.7em;
	color:#999;
}
#history.table-bordered .from_customer .fa {
	font-size: 1.5em;
    margin-top: 10px;
}
#history.table-bordered .from_customer {
	background:none !important;
}
#history.table-bordered .v_avatar {
	background: url('../image/Videorista-Avatar.png') center center;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: cover;
}

#history .write_review i.fa {
	font-size: 3em;
    color: #0b6dac;
}
#history .write_review h2 {
	border: none;
    font-size: 1.1em;
    color: #507ffb;
	margin-bottom:0;
	text-transform:uppercase;
	font-family:'Roboto', sans-serif;
}
#history .write_review p {
	margin-bottom: 20px;
    color: #bdbec2;
}
#history .write_review a, .btn-primary.clickme, .btn-primary.reorder, .btn-primary.review {
	border-radius: 7px;
    padding: 10px 20px;
}
.btn-primary.review {
	background-color: #f6c000;
    border: 1px solid #e1b104 !important;
}
.btn-primary.review:hover {
	background-color: #f6c825;
}
.btn-primary.clickme {
	background-color: #4885c4;
    border-color: #135ca7 !important;
}
.btn-primary.clickme:hover {
	background-color: #5395d9;
}
.table-white {
	background:white !important;
}
.table-white>tbody>tr>td {
	border:none !important;
}
.from_customer {
    background: none !important;
    vertical-align: top !important;
}
#history-box p, #success-box p {
	margin-bottom: 20px;
    color: #444;
}
#history-box h2, #success-box h2 {
	border: none;
    font-size: 1.1em;
    color: #bdbec2;
	margin-bottom:0;
	text-transform:uppercase;
	font-family:'Roboto', sans-serif;
}
#history-box i.fa, #success-box i.fa {
	font-size: 5em;
	display:block;
	margin-bottom:20px;
	margin-top:20px;
}
#success-box hr {
	border-top: 1px solid rgba(165,165,165 ,.3)!important;
    margin-top: 20px;
    margin-bottom: 20px;
}
#history-box button#request-changes {
	padding-top: 10px;
    text-decoration: underline;
    color: #bdbec2;
    font-weight: 400;
}
.comment-box textarea {
	resize:none;
}
.comment-box button#button-history, .comment-box button#button-changes {
    border-radius: 5px;
    padding: 10px 20px;
}
#load_more {
	text-align: center;
    border-top: 2px dashed rgba(165,165,165 ,.3)!important;
    border-bottom: none;
    padding: 0;
}
#load_more a#load {
    font-weight: 400;
    background: #fff;
    top: -14px;
    position: relative;
    padding: 0 20px;
	cursor: pointer;
}
.fa-stack {
    width: 1.1em;
}
.rating {
	border-top: 1px solid #2a2a2a;
    margin-top: 10px;
    padding: 10px 0;
}
.rating p {
	margin-bottom:15px;
}
.rating .fa-stack {
	vertical-align:baseline;
	padding: 0 7px;
}
.rating span.reviews {
	font-size: 1.4em;
    font-weight: 600;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.rating span.number {
	font-weight: 100;
    color: #999;
}
#review .table-bordered {
	background:none;
	border:1px solid #464646;
}
#review .table-bordered>tbody>tr>td {
	border:none;
	padding:5px;
}
#review .table-bordered p {
	font-size:.95em;
}
#review .table-striped>tbody>tr:nth-of-type(odd) {
	background:none;
}
#review .table-bordered>tbody>tr>td>strong {
    color: #00cc59;
    font-size: 1.2em;
    font-weight: 600;
}
#review .fa-stack-2x {
	font-size:1.6em;
}
#review .fa-star {
	color:#ffd200;
}
#review .fa-star-o {
	color:#777;
}
#review .fa-stack {
	width:1.5em;
}
#review .date {
	font-size:.8em;
	color:#999;
}
/**/
/* search */
/**/
.searchbar {
	background: #3e3e3e;
    margin-top: 3px;
    margin-bottom: 0;
    padding: 0;
	border-radius:7px;
	display:none;
}
body.account-account .search {
	padding-left: 0;
	margin-left: 0;
}
.search {
	position: relative;
	transition: margin 0.3s;
	margin-right: auto;
    padding-left: 0;
}
.search .grid-col {
	padding-right:0;
}
.input-group.search {
	margin-bottom: 0;
	z-index: 2200;
}
.main-wrapper.w-full .input-group.search {
	flex-basis: 23.3333%;
    /*max-width: 23.3333%;*/
}
.search input {
    border-radius: 10px 0 0 10px;
    border: none;
    border-right: none;
    box-shadow: none;
    margin-top: 0;
    z-index: 0 !important;
	font-weight: 400;
    height: 42px;
    padding: 5px 15px;
}
.search input::-moz-placeholder {
	color: #fff;
	opacity: .7;
}
.search input:-ms-input-placeholder {
	color: #fff;
	opacity: .7;
}
.search input::-webkit-input-placeholder {
	color: #fff;
	opacity: .7;
}
body.light_mode .search input::-moz-placeholder {
	color: #4c6370;
	opacity: .7;
}
body.light_mode .search input:-ms-input-placeholder {
	color: #4c6370;
	opacity: .7;
}
body.light_mode .search input::-webkit-input-placeholder {
	color: #4c6370;
	opacity: .7;
}
.search input:focus::-moz-placeholder {
	color: transparent;
}
.search input:focus:-ms-input-placeholder {
	color: transparent;
}
.search input:focus::-webkit-input-placeholder {
	color: transparent;
}
.search input:focus {
	box-shadow: none;
	border: none;
}
.search button {
    padding: 3px 12px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 42px;
}
.search button:hover {
	opacity: 0.8;
}

body.common-home .page-header-top .searchbar {
	display:none;
}
body.common-home .page-header-top.fixed .searchbar, body.account-success .search, body.account-success .btn-help, body.account-success .main-nav, body.account-success .secondary-nav {
	/*display:inherit;*/
	display:none;
}
body.account-success .main-wrapper {
	padding-left: 0;
}
body.account-success .page-header-top {
	justify-content: center !important;
}
body.account-success .home-col-logo {
	    margin-right: unset;
}
body.common-home .page-header-top.fixed .home-col-secondary-nav{
	width:62.66%;
}
body.common-home .page-header-top.fixed .home-col-menu{
	width:38.33%;
}
.home-col-menu {
	padding-top:1px;
	width:53.66%;
}
.home-col-secondary-nav {
	padding-top:2px;
	width:62.66%;
	position:absolute;
	right:0;
}
.grid-col-secondary-nav {
	padding-top:3px;
	position:absolute;
	right:0;
	width:60%;
}
#search {
	margin:5px 0;    
	display: inline-block;
    float: left;
    background: #eaecf2;
    padding: 3px 20px;
    border-radius: 4px;
    border: 1px solid #eaecf2;
    box-shadow: 6px 6px 12px #d2d9e2, -6px -6px 12px #fdfeff;
}
#searchformhome {
	margin-top:20px;
}
#searchformhome input {
	width: 55%;
    cursor: text !important;
    padding: 0 20px;
    background: #fff;
    margin-bottom: 0px;
    font-size: 1.2em;
    color: #333;
    text-align: left;
	margin-left:-65px;
    font-weight: 200;
    display: inline-block;
    height: 65px;
	border-radius:0;
}

#product-search-home {
	position:absolute;
}
@media screen and (min-width: 1920px) { /* ipad Pro */
	.search {
		flex-basis: 40.3333%;
		max-width: 40.3333%;
	}
}
@media screen and (max-width: 1900px) { /* ipad Pro */
	.search {
		flex-basis: 33.3333%;
		max-width: 33.3333%;
	}
}
@media screen and (max-width: 1400px) { /* ipad Pro */
	.search {
		flex-basis: 23.3333%;
		max-width: 23.3333%;
	}
}
@media screen and (min-width: 1440px) { /* ipad Pro */
	.page-header-top {
		max-width: 1080px;
	}
}
@media screen and (min-width: 1230px) { /* ipad Pro */
	body.user-offline .home-col-logo {
		display: inherit;
	}
}
@media screen and (max-width: 1229px) { /* laptop */
	.home-col-secondary-nav{
		width:60.33%;
	}
	.page-header {
		padding: 0 10px;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.page-header {
		position: fixed;
		left: 0;
    	z-index: 9;
		height: 51px;
		padding: 0 10px;
	}
	.container > .row {
		padding-top: 0;
	}
	body.account-account .container > .row {
		padding-top: 15px;
	}
	body.common-home .page-header-top.fixed .home-col-menu {
		width:53.33%;
	}
	.page-header-top .grid-cont {
		width:100%;
	}
	.page-header-top {
		padding:0;
    	height: 50px;
		/*border-radius: 10px;
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(25px);*/
	}
	.main-wrapper.pull-up > .page-header > .page-header-top {
		transform: translateY(43px);
	}
	.main-wrapper.pull-up > .page-header > .page-header-top.fixed {
		transform: translateY(0px);
	}
	body.dark_mode .search button {
		background: none;
	}
	.search {
		right:0;
		width:auto;
		display: flex;
		flex: 1;
		justify-content: flex-end;
		margin-right: unset;
		height: 50px;
		align-items: center;
		max-width: 100%;
	}
	
	.search input::-moz-placeholder {
		font-size:1em;
	}
	.search button {
		top:0;
		font-size:17px;
		left:-8px;
	}
	.search input {
		width:auto;
		margin-left:20px;
		background: none;
    	border-top: none;
   		border-left: none;
		height: 40px;
	}
	.searchbar {
		width:100%;
		margin-bottom:0;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.product-page .tab-content > .tab-pane > div {
		background: none;
		border: none;
	}
	.tab-content > .tab-pane#tab-about > div, .tab-content > .tab-pane#tab-roadmap > div {
		font-size: 1.2em;
	}
	.product-page .seller-info {
		margin-top: 1.5rem;
		margin-bottom: 0;
	}
	.grid-col-secondary-nav{
		position:relative;
		width:33%;
	}
	.home-col-secondary-nav{
		position:relative;
	}
	.search {
		position: relative;
		padding-bottom:0;
	}
	.input-group.search input {
		padding: 0 0 0px 10px;
		line-height:1.7em;
		margin-left:70px;
		transition: all .3s;
		border-radius: 20px 0 0 20px;
	}
	body.account-account .searchbar {display:none;}
	.searchbar {
		/*background: #111;*/
	    padding-top: 5px;	
	}
	.search button {
		line-height: 28px;
		left:0;
		width: 100%;
		padding-right: 12px;
		border-top-right-radius: 20px;
    	border-bottom-right-radius: 20px;
	}
}


/**/
/* secondary nav */
/**/

.profile-menu {
    border-radius: 0.5rem;
    padding: 3px 10px  3px 5px;
}

.profile-menu #header-menu-profile {
    border-bottom: 1px solid rgb(133 131 155 / 35%);
	padding-top: 10px;
	border-top-right-radius: 1em;
    border-top-left-radius: 1em;
}
.profile-menu #header-menu-profile:hover {
    background: rgb(133 131 155 / 15%);
}
.profile-menu #header-menu-profile > a {
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 25px;
    cursor: pointer;
    position: relative;
}
.profile-menu #header-menu-profile > a > img {
    border-radius: 18px;
    position: absolute;
    top: 0;
    left: 0;
    height: 46px;
}
.profile-menu #header-menu-profile .name {
    line-height: initial;
}
.profile-menu #header-menu-profile .username {
    font-size: .9em;
    line-height: initial;
    padding: 5px 0;
    color: #bababa;
}
.secondary-nav {
	font-size: 0;
    height: 50px;
    display: flex;
    flex-basis: 39.3333%;
    align-items: center;
    justify-content: flex-end;
    max-width: 53.3333%;
}
.secondary-nav ul {
    display: contents;
    align-items: center;
}
.secondary-nav li span.menu-title {
	padding-left: 20px;
    color: #777;
    text-transform: uppercase;
}
.secondary-nav ul.dropdown-menu {
	display: none;
}
.secondary-nav ul .open>.dropdown-menu {
    display: inline-flex;
	flex-direction: column;
    align-items: flex-start;
	min-width: max-content;
	z-index: 7;
}
.secondary-nav ul .open>.dropdown-menu > li {
    margin-bottom: 5px;
	width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
	display: inline-block;
}
.secondary-nav ul .open>.dropdown-menu > li > a:hover {
	background: #f2f2f2;
	width: 100%;
}
.secondary-nav ul .open>.dropdown-menu > li > button > span .fa-lock{
	width:18px;
}
.secondary-nav ul .open>.dropdown-menu > li > button > span:hover .fa-lock::before{
	content: "\f3c1";
}
.secondary-nav #language li {
	line-height: 10px;
}
.secondary-nav ul#seller_notifications li {
	padding: 3px 7px;
    margin: 0;
}
.secondary-nav ul#seller_notifications li > a {
	padding: 7px 7px;
}
.secondary-nav ul#seller_notifications li > a:hover {
	background: #f2f2f2;
    border-radius: 7px;
}
.secondary-nav ul#seller_notifications .notification_text {
	line-height: normal;
	max-width: 300px;
	color:#222;
}
body.dark_mode .secondary-nav ul#seller_notifications .notification_text {
	color:#fff;
}
body.dark_mode .secondary-nav ul#seller_notifications li > a:hover {
	background: #323234;
}
.secondary-nav li {
	display: flex;
	vertical-align: top;
	margin-left: 10px;
	font-size: 16px;
	line-height: 35px;
    color: rgba(255,255,255,.85);
}
.secondary-nav li .btn-help .help-txt {
	display: flex;
}
body.account-register .secondary-nav { 
	display:none;
}
body.common-home .secondary-nav { 
    min-width: 229px;
}
.dropdown-menu-right li {
	margin-left: 0px;
	display:block;
}
.dropdown-menu>li>a {
	color:#333 !important;
	padding: 8px 20px;
}
.secondary-nav li a {
	display: block;
	transition: 0.3s;
	position: relative;
}
.dropdown-menu-right li a {
	font-weight:400;
	color:#666;
}
.dropdown-menu-right li a:hover {
	color: #000;
	background:none;
	box-shadow: none !important;
}
.secondary-nav li a.active {
	box-shadow: none !important;
	color: #2ce97c;
}
.secondary-nav li .alt {
	padding: 0 15px;
    border-radius: .5rem;
}
.secondary-nav li.topbarlinks {
	box-shadow: none !important;
	font-family: Open Sans, "open-sans",sans-serif;
}
.secondary-nav li.topbarlinks button {
	color: #bababa;
}
.secondary-nav li.topbarlinks button.currency-select {
	color: #333;
}
.page-light .secondary-nav li a:hover {
	color: #000;
}
.page-light .secondary-nav li a.active {
	box-shadow: none !important;
	color: #000;
}
@media (min-width:992px) and (max-width:1199px) { /* laptop */
	.secondary-nav {
		flex-basis: 43.3333%;
		max-width: 43.3333%;
	}
}

@media (min-width:768px) and (max-width:991px) { /* pad */
	.secondary-nav li .alt {
		padding: 0 10px;
	}
	.secondary-nav {
		flex-basis: 43.3333%;
		max-width: 43.3333%;
	}
	.topbarlinks.theme-selector {
		display: none;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.secondary-nav {
		flex-basis: inherit;
    	max-width: inherit;
		order:3;
	}
	.secondary-nav ul {
		border:none;
		padding-right: 10px;
	}
	.secondary-nav li.topbarlinks {
		line-height: 30px;
		/*display:none;*/
	}
	.secondary-nav ul .open>.dropdown-menu.dropdown-notification-menu {
		min-width: 100%;
	}
	.back-nav {
		left: 0;
		right: unset;
		width: auto;
		padding: 12px 0 0 3px;
		margin-top: -52px;
	}
	.back-nav > ul > li > a > span > .fa {
		font-size: 1.8em;
		color: #b8b8b8;
	}
	body.mblog .main-nav .switcher i {
		color: #858585;
	}
	.faq-header {
		display:none !important;
	}
	.connect-icons i {
		font-size: 1.3em;
		height: auto;
	}
	body.light_mode .tap-bar, body.light_mode .connect-icons {
		background: rgb(255 255 255 / 48%);
	}
}

/**/
/* sidebar */
/**/
body.common-home .main-wrapper, body.user-offline .main-wrapper, body.user-offline .main-wrapper, body.information-information .main-wrapper {
	padding-left: 0;
}
body.common-home .page, body.information-information .page {
	height: auto;
	width: 100%;
}
body.common-home .page {
	padding-bottom: 0;
}
.information-information .page-content {
	padding-top: 0px;
	height: auto !important;
}
.information-information .container {
	background: none;
    border: none;
}
.information-information .container > .row {
	overflow: hidden;
}
body.account-account .main-wrapper {
	/*background-image: url(/image/lines_bg.svg);*/
}
body.common-home header .logo, body.account-success header .logo, body.checkout-success header .logo, body.user-offline header .logo {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
body.common-home #sidebar {
	margin-top: 60px;
    position: fixed;
    right: 0;
}
body.information-information #sidebar,body.account-login.user-offline #sidebar,body.account-login.user-offline .community-menu,body.information-information.user-offline .search, body.account-success #sidebar, body.account-success .secondary-nav .btn-holder, body.checkout-success .secondary-nav .btn-holder, body.checkout-checkout .secondary-nav .btn-holder, body.account-login.user-offline #main-nav, body.tfa-authenticate.user-offline #sidebar, body.account-forgotten.user-offline #sidebar, body.checkout-checkout.user-offline #sidebar, body.account-forgotten.user-offline #main-nav, body.account-forgotten.user-offline .secondary-nav, body.account-forgotten.user-offline .search, body.checkout-checkout .page-footer > .grid-cont, body.user-offline .btn-help, body.user-offline .theme-selector {
	display: none !important;
}
body.light_mode.account-login .page {
    background: #f8f7f5;
}
body.account-forgotten.user-offline .page-header-top {
	justify-content: center;
}
body[class^="customerpartner-profile-"] #sidebar,body.customerpartner-profile #sidebar {
	/*position: fixed;
	left: 0px;*/
}
body.user-offline[class^="customerpartner-profile-"] #sidebar, body.user-offline.customerpartner-profile #sidebar {
	left: -300px;
}

@media screen and (max-width: 767px) { /* phone */
	body.light_mode.account-login .page, body.light_mode.account-login .page-content {
		padding-bottom: 0px !important;
		height: 100vh !important;
	}
	body.light_mode.account-login.user-offline .page-header-top {
		background:white;
	}
	body.light_mode.account-login .container {
		background:#f8f7f5;
	}
	body.information-information #sidebar {
		display: flex;
	}
}
body[class^="product-product-"] #sidebar {
}

.secondary-nav .btn-holder {
	display:none;
}
header .logo {
	-webkit-box-align: center;
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    height: 100%;
    padding: 8px 15px 8px 0;
    position: relative;
}

.btn.dashboard-only {
	display: none;
}
.btn.hidden-dashboard {
	display: flex;
}
.language li a.active {
	border-bottom: 2px solid;
}
@media screen and (max-width: 1229px) { /* laptop */
	#form-mode {display: none;}
	body.account-account .home-col-logo {
		/*display: none;*/
		left: 15px;
		transform: translateX(0);
		max-width: 180px;
    	min-width: 180px;
    	padding-left: 10px;
		margin-left: 0;
	}
	body.account-account .home-col-logo svg {
		display: block !important;
	}
	body:not(.account-account) .btn.dashboard-only {
		display: none !important;
	}
	body.account-account .btn.dashboard-only {
		display: flex;
	}
	body.account-account .btn.hidden-dashboard {
		display: none !important;
	}
	body.account-account .home-col-logo.push svg {
		transform: translateY(-45px);
	}
	.home-col-logo.push {
		transform: translateX(-50%) translateY(-80%);
	}
	body[class^="customerpartner-profile-"] .home-col-logo {
		display: none !important;
	}
	.secondary-nav li .btn-help {
		transition:all .3s;
	}
	.secondary-nav li .btn-help.push {
		margin-right: -50px;
	}
	.secondary-nav li .btn-help .help-txt {
		display: none;
	}
	header .logo {
		height: 55px;
		background: none !important;
		transition: height 0.3s;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		position: static;
		float: none;
		-webkit-flex-shrink: 0;
		-moz-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		text-decoration: none;
		padding: 0;
		margin: 0;
		clear: both;
		width: 100%;
	}
}
@media screen and (max-width: 767px) { /* phone */
	header .logo {
		height: 55px;
		background: none !important;
		transition: height 0.3s;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		position: static;
		float: none;
		-webkit-flex-shrink: 0;
		-moz-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		text-decoration: none;
		padding: 1px 0px;
		margin: 1px;
		clear: both;
		width: 100%;
	}
	header .logo svg {
		height: 30px;
	}
	.home-col-logo {
		display: inherit;
		padding: 0;
		transition: all .3s;
		border-right:none !important;
		z-index: 9;
		order:2;
		margin-right: auto;
	}
	.home-col-logo.offset {
		margin-left: 40px;
	}
	body.information-information.user-offline .home-col-logo {
		transform: translateX(0);
	}
	.secondary-nav .btn-holder {
		display:block;
	}
	.main-wrapper {	
		padding-left:0 !important;
	}
}
body.common-home #sidebar .account-logo {
	display:none;
}
.main-wrapper {	
	order: 2;	
	height: calc(100%);
}

#sidebar {
	order: 1;
    color: #7c8daf;
    min-width: 300px;
    max-width: 300px;
    transition: all 0.3s;
    border-right: 0;
    height: calc(100%);
	display: none;
    margin-right: -300px;
	border-right: 1px solid rgba(165,165,165 ,.3);
}
#sidebar .account-logo {
	padding: 15px 15px;
    margin: 15px 25px;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}
#sidebar .account-logo .logo {
    margin-top: 0;
	display: none;
}
#sidebar .sidebar-content {
    position: relative;
    width: -webkit-fill-available;
    max-width: 300px;
    display: flex;
    flex-direction: column;
	padding-left:0;
}
#sidebar.active {
    margin-right: 0px !important;
}
#sidebar ul.components {
	overflow-x: hidden;
	overflow-y: scroll;
}
#sidebar ul.components::-webkit-scrollbar {
	width:0px;
	background:transparent;
}
#sidebar ul.components > li > ul {
	/*background:linear-gradient(90deg,#dfc814 0,#dfc814 3px,rgb(45 206 204 / 0%) 3px); padding-left:20px;*/
}
a[aria-expanded="true"]{
  /*background-color: #42DCA3;*/
}
#sidebar hr, #sidebar ul hr {
	border-top: 1px solid rgba(165,165,165 ,.3)!important;
}
#sidebar ul li .fa, #sidebar ul li .fas, #sidebar ul li .fa-brands {
	width: 2rem;
    text-align: center;
}
body.account-account #sidebar > .sidebar-content > ul > li:first-child > a {
    color: #8994ff;
}
#sidebar > .sidebar-content > ul > li:first-child > a {
	color: #fff;
}
#sidebar ul li a {
    padding: 5px 0px;
    font-size: 16px;
    display: flex;
	align-items: center;
	transition:all .2s;
	-webkit-font-smoothing: antialiased;
	position: relative;
  	transition: all .4s ease-out;
	margin: 5px 0px 15px 0;
}
#sidebar ul li ul {
	padding-left: 5px;
    border-radius: 1.25rem;
    position: relative;
}
#sidebar ul.components > #sidebar-menu > li > ul > li > a {
    padding: 5px 0;
} 
#sidebar ul li a::after {
  border-radius: 1em;
  /*border-top: .1em solid #2F56B0;*/
  content: "";
  position: absolute;
    right: 100%;
    bottom: .14em;
    left: 0;
  transition: right .4s cubic-bezier(0,.5,0,1),
              border-color .4s ease-out;
}
#sidebar ul li a:hover::after {
    content: "";
    position: absolute;
    left: 0;
    right: 25%;
    bottom: 0;
    /*border: 1px solid #dfc815;*/
}
#sidebar ul.components > #sidebar-menu > li > ul > li > a:hover {
    color: rgb(59, 112, 249);
	background: none;
}

#sidebar ul li.active > a, #sidebar ul li.active a[aria-expanded="true"] {
    font-weight: 600;
}
#sidebar .input-login {
    background: rgb(242, 242, 242);
    border: 1px solid rgb(242, 242, 242);
    color: #29304a;
    font-weight: 300;
    padding: 10px 15px;
    font-family: 'Quicksand', sans-serif;
    border-radius: 4px;
    margin-bottom: 8px;
	width: 100%;
}
#sidebar .input-login:focus {
	border: 1px solid rgb(41, 146, 250)
}
#sidebar .input-login::placeholder {
	color: rgb(156 156 156);
}
#sidebar .btn-login {
	background: #2f78e4;
	color: #fff;
	display: block;
	padding: 10px;
	border-radius: 4px;
	margin-top: 15px;
	letter-spacing: 1px;
    width: 100%;
    transition: background 0.3s ease-in-out;
}
#sidebar .btn-login:hover {
	background: #0e66ea;
}
#sidebar a.btn-register {
	margin-bottom: 8px;
    padding: 10px;
    border: 1px solid #5c78ec;
    border-radius: 4px;
    width: 100%;
    display: block;
    margin-top: 10px;
	text-align:center;
    transition: border 0.3s ease-in-out;
}
#sidebar a.btn-register:hover {
	color:#fff;
    border: 1px solid #c0fdec;
}
#sidebar .forgotpass {
	font-size: .8em;
}
.sidebar-title {
    font-size: 16px;
    color: #1b2142;
}
.sidebar-currency-balance {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
	background: #5457c3;
	color: #d7daec;
}
.sidebar-currency-item {
    width: 100%;
}
.sidebar-currency-val {
    font-size: 20px;
}
a:hover .sidebar-currency-val {
	color: #5160f8;
}
body.dark_mode a:hover .sidebar-currency-val {
	color: #f0cf3e;
}
body.light_mode .novva-icon-1, body.light_mode .novva-icon-2, body.light_mode .novva-icon-3 {
	fill: #5c5c5c !important;
}
#sidebar #sidebar-profile {
	display: flex;
    align-items: center;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	/*display: none;*/
	width:100%;
}
#sidebar #sidebar-profile a.img-thumbnail {
	width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 60px;
    cursor: pointer;
    margin-right: 10px;
}
#sidebar #sidebar-profile a img {
	border-radius: 60px;
    max-width: 90px;
}
#sidebar #sidebar-profile .name {
    font-size: 1.3em;
    color: white;
	font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: inherit;
    max-width: 180px;
}
#sidebar #sidebar-profile .name img {
	width: 25px;
    position: absolute;
    left: 65px;
    bottom: 0;
}
#sidebar #sidebar-profile .username {
    font-size: 1em;
    text-align: center;
    color: white;
    opacity: .5;
	font-weight: 500;
}
body.light_mode #sidebar #sidebar-profile .username {
	color:#151515;
}
.hide-hubee {display:none;}
@media screen and (max-width: 1229px) { /* laptop */
	#sidebar {
		left: unset !important;
		right: -300px;
		position: fixed;
		top:60px;
		height: calc(100% - 60px);
	}
	#sidebar.pull-up {
		height: calc(100% - 88px) !important;
		top: 88px;
	}
	.main-wrapper.pull-up > #back {
		top:54px;
	}
	#sidebar #sidebar-profile {
		flex-direction: row;
		padding-left: 20px;
		border-bottom: 1px solid rgba(165,165,165 ,.3)!important;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	#sidebar #sidebar-profile a.img-thumbnail {
		width: 60px;
		height: 60px;
		margin-right: 10px;
	}
	#sidebar #sidebar-profile a img {
		max-width: 59px;
	}
	#sidebar .sidebar-content {
		padding-top: 0;
		max-width: 100%;
    padding-top: 0;
    padding-left: 0;
    /*backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);*/
    border-radius: 0px;
    background: rgba(255,255,255,1);
	}
	#sidebar ul li a {
		padding: 6px 5px;
		margin: 5px 15px;
	}
	#sidebar .account-logo {
		display: none;
	}
	#sidebar.active {
		right: 0;
		z-index: 7;
		padding: 0px;
	}
	body.light_mode #sidebar.active {
		/*background: rgba(255,255,255,.8);*/
	}
		
	#sidebar ul.components > li > ul {
		background:rgba(0,0,0,.3) !important;
	}
	body.account-account #sidebar > .sidebar-content > ul > li:first-child > a {
		background: none;
		border: none;
	}
	.main-wrapper{
		padding-left:0;
		height: calc(100% - 70px);
	}
	.secondary-nav .btn-holder {
		display: block;
		z-index: 9;
	}
}
@media screen and (min-width: 1230px) { /* laptop */
.page-content {
	position:relative;
}
.main-wrapper {
	transition: all 0.3s;
	padding-left: 0;
}
.main-wrapper.push {
	padding-left:0;
    opacity: .5;
}
body.light_mode #sidebar {
	/*box-shadow: 10px 0px 30px rgb(10 11 25 / 15%);*/
}
#sidebar {
	/*background: rgb(15 23 42 / 1);*/
    border-radius: 0;
	width:76px;
	min-width:10px;
    position: fixed;
    left: 0;
    border: none;
    top: 0;
    z-index: 1300;
    /*box-shadow: 10px 0px 30px rgb(10 11 25 / 50%);*/
}
#sidebar .sidebar-content {
	padding-left:0;
}

.sidebar-icon {
  width: 100%;
  padding: 5px;
  padding-left: 15px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
body.dark_mode .sidebar-icon i, body.dark_mode .sidebar-icon-name {
	background: rgb(64 67 97);
    color: rgb(255 255 255) !important;
}
body.dark_mode .sidebar-icon-name {
	box-shadow: 5px 5px 15px rgb(18 20 40);
}
body.dark_mode #sidebar ul li ul {
	background: #404361;
}
body.dark_mode #sidebar ul.components > #sidebar-menu > li > ul > li > a {
	color:white;
}
.sidebar-icon i {
	font-size: 18px;
    transition: font-size 0.3s ease-in-out;
    margin-right: 10px;
    background: rgb(255 255 255);
    border: none;
    color: rgb(94 94 94) !important;
    min-width: 45px;
    display: flex;
    height: 45px;
    border-radius: 2rem;
    align-items: center;
    justify-content: center;
	z-index: 1100;
}
.sidebar-icon > a > span > i {
	min-width: auto;
    background: none;
    font-size: 14px;
    padding: 0;
    margin-left: 0 !important;
    margin-right: 5px !important;
}
.sidebar-expanded {
  width: 250px !important;
}
.sidebar-expanded .sidebar-icon {
  justify-content: flex-start;
	padding-left:15px;
}
#sidebar-menu {
	display:none;
}
body.customerpartner-profile #sidebar-menu, body[class^="customerpartner-profile-"] #sidebar-menu {
	top: 50px;
	position: relative;
}
#sidebar #sidebar-profile > div {
	display:none;
	flex-direction: column;
	margin-top: 10px;
}
#sidebar #sidebar-profile {
	margin-top: 10px;
	transition: all 0.3s ease-in-out;
  flex-direction: column;
  height: 135px;
}
#sidebar #sidebar-profile a {
		width: 80px;
    height: 80px;
		border-radius:20px;
		margin-right: 0;
  transition: border-radius 0.3s ease-in-out;
}
#sidebar #sidebar-profile a img {
	border-radius: 20px;
}
#sidebar #sidebar-profile a.img-rounded {
	border-radius: 40px;
}
.sidebar-icon ul li i {
	font-size: 1.2em;
}

.sidebar-icon-name {
  display: none;
  color: #333;
    transition: opacity 0.3s ease-in-out;
    background: white;
    border-radius: 2rem;
    align-items: center;
    padding-left: 45px;
    position: relative;
    width: 100%;
    min-height: 45px;
    left: -50px;
    box-shadow: 5px 5px 15px rgba(150,150,150,.35);
	justify-content: space-between;
}

.sidebar-footer, #sidebar-footer-legal {
  display: none;
}
}
@media screen and (max-width: 650px) { /* phone portrait */
	#sidebar {
		max-width: 100% !important;
		width: 100%;
		position:fixed;
		right:0;
		top:51px;
		margin-top: 0px !important;
		margin-right:-450px;
	    z-index: 8;
		left: unset !important;
		border: none;
		display:flex;
		height: 100%;
	}
	.sidebar-currency-balance {
		margin-bottom: 20px;
    	justify-content: flex-start;
		border: 2px solid rgba(255,255,255,.2);
		background: rgba(0,0,0,.5);
	}
}
@media screen and (max-width: 767px) { /* phone */
	#sidebar .sidebar-content {
    	max-width: 100%;
    	padding-top: 0;
		padding-left: 0;
		/*backdrop-filter: blur(25px);*/
		background: #060606;
		/*-webkit-backdrop-filter: blur(25px);*/
	}
	body.light_mode #sidebar .sidebar-content { 
		background:rgba(255,255,255,1);
	}
	#sidebar ul li a {
		padding: 6px 5px;
		color: #fefeff;
		margin: 10px 15px;
		border-bottom: 1px solid transparent;
		border-radius: 0;
		font-weight: 500;
	}
	#sidebar ul li a i {
		color: #ffffff;
    	margin-right: 10px;
	}
	body.light_mode #sidebar #sidebar-profile .name {
		color:#222;
	}
	body.light_mode #sidebar ul.components > #sidebar-menu > li > ul > li > a {
		color:#222;
	}
	body.light_mode #sidebar ul li a i {
		color: #222;
	}
	#dismiss {
		font-size:1.5em;
	}
	#sidebar .input-login, #sidebar .btn-login, #sidebar a.btn-register {
		font-size:2em;
	}
	#sidebar .input-login {
		width:100%;
	}
	#sidebar .forgotpass {
    	font-size: 1.5em;
	}
	body[class^="customerpartner-profile-"] #sidebar,body.customerpartner-profile #sidebar {
		display: flex;
	}
	#sidebar #sidebar-profile .name img {
		width: 24px;
		left: 58px;
		bottom: 7px;
	}
}
.overlay {
    display: none;
    position: fixed;
    /* full screen */
    width: 100vw;
    height: 100vh;
    /* transparent black */
    background: rgba(0, 0, 0, 0.7);
    /* middle layer, i.e. appears below the sidebar */
    z-index: 5;
    opacity: 0;
    /* animate the transition */
    transition: all 0.5s ease-in-out;
}
/* display .overlay when it has the .active class */
.overlay.active {
    display: block;
    opacity: 0;
}
#dismiss {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    padding: 8px 13px;
    border-radius: 1rem;
    cursor: pointer;
    opacity: 0;
    margin: 7px;
	z-index: 9999;
    transition: all 0.3s ease-in-out;
}
#dismiss:hover {
	background: #6882f1;
	box-shadow:inset 3px 3px 6px #4c64ca, inset -4px -4px 10px #8ea3f1, 3px 3px 6px #556bca, -3px -3px 6px #97aaf1;
}

/**/
/* breaking news */
/**/
.breaking-news {
	color: #fff;
    width: 1230px;
    margin: 0 auto;
}
.breaking-news p {
	overflow: hidden;
	line-height: 3.3em;
	white-space: nowrap;
	text-overflow: ellipsis;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.breaking-news a {	
	transition: color 0.3s;
}
.breaking-news strong {
	display: block;
    background: #222;
    font-size: 1em;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    transition: color 0.3s, background 0.3s;
    border-radius: 10px;
    line-height: 2.3em;
    margin: 8px 20px;
    color: #2cea7c;
}

.breaking-news strong.invite {
	background: #00e363;
    color: #4535c1;
    font-weight: 500;
	transition: color 0.3s, background 0.3s;
}
.breaking-news strong.invite .fa {
	margin-left:5px;
}
.breaking-news strong:hover, .breaking-news strong.invite:hover {
	color: #fff;
}
.breaking-news a:hover {
	text-decoration: none;
	color:#222;
}
.page-light .breaking-news {
	color: #000;
}
.page-light .breaking-news strong {
	background: rgba(0,0,0,0.1);
}
@media screen and (max-width: 767px) { /* phone */
	.breaking-news {
		width: 100%;
	}
	.breaking-news p {
		letter-spacing: .3px;
		font-weight: 400;
		padding: 0 !important;
	}
	.breaking-news .grid-col-2, .breaking-news .grid-col-3 {
		display: none;
	}
	.breaking-news .grid-col-9 {
		padding:0 7px !important;
	}
}



/*----------------------------------------------*/
/*                    CONTENT                   */
/*----------------------------------------------*/


/**/
/* pager */
/**/
.pager {
	margin-top: 60px;
	border: 1px solid #efefef;
	font-size: 0;
	line-height: 1;
	font-weight: 700;
	text-align: center;
}
.pager a {
	display: inline-block;
	vertical-align: top; 
	margin: 10px;
	font-size: 22px;
	color: #b5b5b5;
	transition: color 0.3s;
}
.pager a:hover {
	color: #000;
}
.pager div {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 40px;
	margin: 10px;
}
.pager input {
	width: 100%;
	height: 22px;
	text-align: center;
	border: 1px solid #cfcfcf;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 20px;
}
.pager .tip {
	position: absolute;
	top: 100%;
	left: 50%;
	visibility: hidden;
	width: 150px;
	margin: 6px 0 0 -75px;
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 18px;
	font-weight: 400;
	text-align: center;
	color: #fff;
	opacity: 0;
	transition: opacity 0.3s;
}
.pager .tip:before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -4px;
	border-right: 4px solid transparent;
	border-bottom: 4px solid rgba(0,0,0,0.7);
	border-left: 4px solid transparent;
}
.pager .tip span {
	display: inline-block;
	padding: 0 0.75em 1px;
	background: rgba(0,0,0,0.7);
}
.pager div:hover .tip {
	visibility: visible;
	opacity: 1;
}
.pager .prev {
	float: left;
	margin: 0;
	width: 42px;
	border-right: 1px solid #efefef;
	font-size: 18px;
	line-height: 42px;
}
.pager .next {
	float: right;
	margin: 0;
	width: 42px;
	border-left: 1px solid #efefef;
	font-size: 18px;
	line-height: 42px;
}
.pager .active {
	color: #000;
}
@media screen and (max-width: 1229px) { /* laptop */
	.pager {
		margin-top: 40px;
	}
	.pager a {
		margin: 7px 4px;
		font-size: 16px;
	}
	.pager div {
		width: 24px;
		margin: 7px 4px;
	}
	.pager input {
		height: 16px;
		font-size: 10px;
		line-height: 14px;
	}
	.pager .prev,
	.pager .next {
		width: 30px;
		font-size: 14px;
		line-height: 30px;
	}
}


/**/
/* page title */
/**/
.page-title {
	position: relative;
	padding: 2em 10px 2em;
}
.page-title:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: none !important;
	opacity: 0.5;
}
.page-title h1 {
	position: relative;
    font-size: 2.41em !important;
    line-height: 1;
    font-weight: 100;
    padding: 0;
    border: none;
    text-align: center;
}
.page-title .subscribe {
	position: absolute;
	right: 30px;
	bottom: 2em;
	font-weight: 700;
}
.page-title .subscribe i {
	display: block;
	float: left;
	margin-right: 0.5em;
	line-height: inherit;
}
.page-title .subscribe:hover {
	text-decoration: underline;
}
.page-title .subscribe-alt {
	right: 400px;
}
@media screen and (max-width: 1229px) { /* laptop */
	.page-title {
		padding-left: 20px;
	}
	.page-title .subscribe-alt {
		right: 320px;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.page-title .subscribe-alt {
		right: 256px;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.page-title .subscribe,
	.page-title .subscribe-alt {
		top: 2em;
		right: 20px;
		bottom: auto;
	}
}


/**/
/* page title nav */
/**/
.page-title-nav {
	background: #333;
	font-size: 1.28em;
	line-height: 4em;
	font-weight: 700;
}
.page-title-nav a {
	display: inline-block;
	margin-left: 30px;
	padding: 0 0.5em;
	color: #fff;
}
.page-title-nav a:hover {
	text-decoration: underline;
}
.page-title-nav .active {
	position: relative;
}
.page-title-nav .active:hover {
	text-decoration: none;
}
.page-title-nav .active:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #00e363;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	opacity: 0.5;
}
.page-title-nav .active:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #fff;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
@media screen and (max-width: 1229px) { /* laptop */
	.page-title-nav a {
		margin-left: 20px;
	}
}


/**/
/* hot news */
/**/
.hot-news h2 {
	position: relative;
	margin: 0.25em 20px 0 5px;
	font-size: 3.14em;
	line-height: 1.25;
	font-weight: 700;
	color: #fff;
	transition: color 0.3s;
}
.hot-news a:hover h2 {
	color: #00e363;
}
.hot-news h3 {
	position: relative;
	margin: 0.25em 20px 0 5px;
	font-size: 2.43em;
	line-height: 1.25;
	font-weight: 700;
	color: #fff;
	transition: color 0.3s;
}
.hot-news a:hover h3 {
	color: #00e363;
}
.hot-news h4 {
	position: relative;
	margin: 0.25em 10px 0 5px;
	font-size: 1.71em;
	line-height: 1.25;
	font-weight: 700;
	color: #fff;	
	transition: color 0.3s;
}
.hot-news a:hover h4 {
	color: #00e363;
}
.hot-news h5 {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0 1em;
	background: #00e363;
	font-size: 1.28em;
	line-height: 2;
	font-weight: 700;
	text-transform: lowercase;
}
.hot-news a {
	position: relative;
	display: block;
	margin-top: 0px;
	padding: 20px;
	background: radial-gradient(#fff, #000);
	background: #000;
}
.hot-news i.arrow {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 70px;
	background: #444;
	font-size: 28px;
	line-height: 50px;
	text-align: center;
}

.hot-news .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
	opacity: 1;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s, -webkit-filter 0.3s;
}
.hot-news a:hover .pic {
	opacity: 0.75;
	-webkit-filter: grayscale(1);
}
.hot-news .small {
	height: 130px;
}
.hot-news .small i {
	width: 50px;
	font-size: 20px;
	line-height: 40px;
}
.hot-news .large {
	height: 330px;
}
.hot-news .title {
	padding: 0 30px;
	background: #0e0e10;
	box-sizing: border-box;
	font-size: 1.42em;
	line-height: 2.5em;
	font-weight: 700;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform:uppercase;
	box-shadow: 0 1px 0 0 rgba(255,255,255,.07) inset, 1px 0 0 0 rgba(255,255,255,.07) inset;
	border-right: solid 1px #000;
	color: #dedede;
}
.hot-news .title i {
	background:none;
}
@media screen and (max-width: 1229px) { /* laptop */
	.hot-news a {
		margin-top: 20px;
	}
	.hot-news .large {
		height: 320px;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.hot-news h2 {
		font-size: 2.43em;
	}
}


/**/
/* featured news */
/**/
.featured-news {
	width: auto;
	height: 220px;
	overflow: hidden;
	margin: 30px 0 0;
	padding: 0 60px;
}
.featured-news h2 {
	position: relative;
	padding-top: 0.5em;
	font-size: 3.14em;
	line-height: 1.25;
	font-weight: 700;
	color: #fff;
	transition: color 0.3s;
}
.featured-news a:hover h2 {
	color: #00e363;
}
.featured-news a {
	position: relative;
	display: block;
	height: 220px;
	padding: 0 30px;
	background: #000;
}
.featured-news .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
	opacity: 0.6;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s, -webkit-filter 0.3s;
}
.featured-news a:hover .pic {
	opacity: 0.75;
	-webkit-filter: grayscale(1);
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	top: 0;
    bottom: 0;
    font-size: 1.1em !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 55px;
    transition: background 0.3s, color 0.3s;
    margin-top: auto;
    margin-bottom: auto;
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, .35);
    -webkit-backdrop-filter: blur(25px);
    border-radius: 0.75em;
    display: block;
}
.owl-prev {
    left: -5px;
}
.owl-next {
    right: -5px;
}
.owl-prev i,
.owl-next i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2em;
	margin: -1em 0 0 -1em;
	font-size: 1.25em;
	line-height: 2em;
	text-align: center;
}
.owl-prev:hover,
.owl-next:hover {
	background: #000;
	color: #00e363;
}
@media screen and (max-width: 1229px) { /* laptop */
	.featured-news {
		margin-top: 20px;
		padding: 0 40px;
	}
	.featured-news a {
		padding: 0 20px;
	}
	.featured-news h2 {
		font-size: 2.43em;
	}
	.featured-news .owl-prev,
	.featured-news .owl-next {
		width: 40px;
	}
}


/**/
/* popular news */
/**/
.popular-news {
	position: relative;
	margin-top: 30px;
	padding: 0 100px 0 170px;
}
.popular-news .fa {
	position: absolute;
	top: 0;
	right: 0;
	width: 101px;
	height: 100%;
	background: #000;
	font-size: 2em;
	line-height: 180px;
	text-align: center;
	transition: background 0.3s, color 0.3s;
	color: #00e363;
}
.popular-news .fa:hover {
	background: #00e363;
	color: #000;
}
.popular-news .tabs {
	position: absolute;
	top: 0;
	left: 0;
	width: 170px;
	font-size: 1.43em;
	line-height: 3em;
	font-weight: 700;
	background: #353535;
}
.popular-news .tabs a {
	display: block;
	padding-left: 30px;
	box-shadow: inset 4px 0 transparent;
	color: #fff;
	transition: background 0.3s, box-shadow 0.3s;
}
.popular-news .tabs a:hover {
	background: #000;
}
.popular-news .tabs a.active {
	background: #000;
	box-shadow: inset 4px 0 #00e363;
}
.popular-news .items {
	position: absolute;
	top: 0;
	left: -9999px;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s;
}
.popular-news .items a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	height: 180px;
	padding: 20px 30px;
	background: #000;
	box-sizing: border-box;
	font-size: 1.71em;
	line-height: 1.25;
	font-weight: 700;
	color: #fff;
	transition: color 0.3s;
}
.popular-news .items a:hover {
	color: #00e363;
}
.popular-news .items span {
	position: relative;
}
.popular-news .items .pic {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: 50% 50%;
	background-size: cover;
	opacity: 0.5;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s, -webkit-filter 0.3s;
}
.popular-news .items a:hover .pic {
	opacity: 0.75;
	-webkit-filter: grayscale(1);
}
.popular-news .items-visible {
	position: static;
	visibility: visible;
	opacity: 1;	
}
.page-light .popular-news .fa {
	background: #ececec;
}
.page-light .popular-news .tabs {
	background: #f1f1f1;
}
.page-light .popular-news .tabs a {
	color: #a4a4a4;
}
.page-light .popular-news .tabs a:hover {
	background: #ececec;	
}
.page-light .popular-news .tabs a.active {
	background: #ececec;
	color: #000;
}
@media screen and (max-width: 1229px) { /* laptop */
	.popular-news {
		margin-top: 20px;
		padding-right: 80px;
		padding-left: 140px;
	}
	.popular-news .fa {
		width: 80px;
		line-height: 165px;
	}
	.popular-news .tabs {
		width: 140px;
	}
	.popular-news .tabs a {
		padding-left: 20px;
	}
	.popular-news .items a {
		height: 165px;
		padding-right: 20px;
		padding-left: 20px;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.popular-news .fa {
		line-height: 153px;
	}
	.popular-news .items a {
		width: 50%;
		height: 153px;
	}
	.popular-news .items a:last-child {
		display: none;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.popular-news {
		padding: 0 0 60px 0;
	}
	.popular-news .fa {
		top: auto;
		bottom: 0;
		width: 100%;
		height: 60px;
		line-height: 60px;
	}
	.popular-news .tabs {
		position: static;
		width: auto;
	}
	.popular-news .items a {
		width: 100%;
		height: auto;
	}
	.popular-news .items a:last-child {
		display: inline-block;
	}
}


/**/
/* recent news */
/**/

.recent-news .tabs {
	background: #000;
	font-size: 1.28em;
	line-height: 60px;
	font-weight: 700;
}
.recent-news .tabs a {
	display: block;
	float: left;
	margin-left: 30px;
	color: #7d7d7d;
	transition: box-shadow 0.3s, color 0.3s;
}
.recent-news .tabs a:hover {
	color: #fff;
}
.recent-news .tabs a.active {
	box-shadow: inset 0 -4px #00e363;
	color: #fff;	
}
.recent-news .tabs .all {
	float: right;
	width: 70px;
	background: #00e363;
	text-align: center;
	color: #000;
	transition: background 0.3s, color 0.3s;
}
.recent-news .tabs .all:hover {
	background: #000;
	color: #00e363;
}
.recent-news .head {
	margin-top: 90px;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #efefef;
	font-size: 1.57em;
	line-height: 1;
	font-weight: 700;
	color: #556270;
}
.recent-news .pic {
	background-position: 50% 50%;
	background-size: cover;	
}
.recent-news .item {
	display: block;
	margin-bottom: 15px;
    position: relative;
	overflow: hidden;
	border-radius: 0.75rem;
}
.recent-news .item .product-wrap img {
	border-radius: 0.75em 0.75em 0 0;
    width: 100%;
    object-fit: cover;
}
.product-wrap .sale-tag {
	background: linear-gradient(335deg ,#5160f8 27.02%,#fe48cf 72.98%);
    color: white;
    padding: 5px 10px;
    font-size: .8em;
    border-radius: 7px;
    position: absolute;
    top: 7px;
    left: 7px;
    font-weight: 500;
    letter-spacing: 1px;
}

.product-wrap .upgrade-tag {
	background: linear-gradient(335deg ,#cef85f 27.02%,#81fe27 72.98%);
    color: black;
    padding: 5px 10px;
    font-size: .8em;
    border-radius: 7px;
    position: absolute;
    top: 7px;
    left: 7px;
    font-weight: 500;
    letter-spacing: 1px;
}
.product-wrap .upgrade-tag i {
	color: black !important;
}
body.product-category-26 .page-content {
	background:#f7f7f7;
}
.recent-news .service-box {
    border-radius: 1rem;
    background: #eaecf3;
    box-shadow: 6px 6px 12px #d2d9e2, -6px -6px 12px #fdfeff;
    border: .0625rem solid rgba(255,255,255,0);
	transition:all .4s;
}
.recent-news .service-box:hover {
    box-shadow: 6px 6px 12px #d2d9e2, -6px -6px 12px #fdfeff, inset 6px 6px 12px #d2d9e2, inset -6px -6px 12px #fdfeff;
    border: .0625rem solid rgba(255,255,255,0.5);
}
.recent-news .service-box .info {
	padding:0 10px !important;
}
.recent-news .item-medium.service-box .bar {
	margin-top:15px;
	text-align:right;
}
.recent-news .item-medium.service-box .product-wrap {
	background: none;
}
.recent-news .item-medium.service-box .product-wrap a img {
	border-radius: 1rem 1rem 0 0;
}
.recent-news .item.service-box h3 {
	padding-bottom:0;
}
.recent-news .service-box .info .rating {
	border-bottom:1px solid rgba(165,165,165 ,.3)!important;
	border-top:none;
	margin-top:0;
	padding:5px 0;
}
.recent-news .item-medium.service-box .bar .more {
	background:none;
	color:#999;
	float:left;
}
.recent-news .item-medium.service-box .bar span.price-old {
	font-weight:300;
	color:#bababa;
}
.recent-news .item-medium.service-box .bar span.starting {
	font-size: .75em;
    text-transform: uppercase;
    font-weight:500;
}
.recent-news .item-medium.service-box .bar a {
	background:none;
	color:#586d8f;
	border:none;
	font-size:1.2em;
	font-weight:500;
	margin-left:0;
	padding-left:5px;
}
.recent-news .item h3 {
    line-height: inherit;
    font-weight: 600 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    width: 73%;
    float: left;
	margin: 0;
}
.recent-news .item h3 a:hover {
	text-decoration: none;
}
.recent-news .item h4 {
	font-size: 1.14em;
	line-height: 1.25;
	font-weight: 700;	
}
.recent-news .item h4 a:hover {
	text-decoration: underline;
}
.recent-news .item-large {
	background: #000;	
}
.recent-news .item-large .pic {
	display: block;
	float: right;
	width: 500px;
	height: 200px;
	opacity: 0.8;
	transition: opacity 0.3s;
}
.recent-news .item-large .pic:hover {
	opacity: 1;
}
.recent-news .item-large .info {
	position: relative;
	width: 270px;
	height: 200px;
	border-width: 20px 30px;
	border-style: solid;
	border-color: transparent;
	background: #000;
	box-sizing: border-box;
	color: #fff;
}
.recent-news .item-large .date {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	color: #828282;
}
.recent-news .item-large .comments {
	position: absolute;
	bottom: 0;
	right: 0;	
}
.recent-news .item-large .comments i {
	float: left;
	margin: -1px 0.5em 0 0;
	line-height: 1.5;
}
.recent-news .item-medium p {
	font-size:15px;
    color: #202123;
    white-space: initial;
    display: -webkit-box;
    line-height: inherit;
    min-height: 39px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.recent-news .item-medium .item-price {
	width: 40%;
	text-align: right;
    color: white;
    font-weight: 600;
	line-height: initial;
}
.recent-news .item-medium .item-name {
	width: 60%;
	line-height: initial;
}
.recent-news #show-eth-collection .item-medium .item-name, .recent-news #show-sol-collection .item-medium .item-name {
	width: 100%;
	line-height: initial;
}
.recent-news .item-medium .item-footer .rating {
	display: none;
}
.item-description {
	color:#151515;
}
.recent-news .item-medium .pic {
	display: block;
	margin-bottom: 20px;
	background: #000;
}
.recent-news .item-medium .pic img {
	display: block;
	opacity: 0.8;
	transition: opacity 0.3s;
}
.recent-news .item-medium .pic:hover img {
	opacity: 1;
}
.recent-news #show-sol-collection .item-info, .recent-news #show-eth-collection .item-info {
	height:auto;
}
.recent-news .item-medium .item-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    height: 225px;
    font-family: 'Nunito',sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    /*border: 1px solid rgba(139 157 193 / 15%);*/
}
.recent-news .item-medium .item-footer {
	margin-top:auto;
}
.recent-news .item-medium .date {
	margin-top: 0.5em;
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	font-style: italic;
	color: #878787;
}
.recent-news .item-medium .date i {
	float: left;
	margin: 0 0.5em 0 0;
	line-height: 1.5;	
}
.recent-news .item-medium .item-bar {
	line-height: 2.6em;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.recent-news .item-medium .item-bar .more {
	float: right;
	padding: 0 1em;
	background: #e44869;
	font-weight: 700;
	color: #fff;
}
.recent-news .item-medium .item-bar .price {
	color: #bdbec2;
    float: right;
}
.item-bar img.avatar {
	overflow: hidden;
	border-radius: 25px !important;
	cursor: pointer;
	height: 40px;
	min-height: 40px;
	min-width: 40px;
	margin-right: 10px;
	width: auto !important;
	background: #dcdcdc;
}
.item-footer {
	font-size: .9em;
}
.item-footer .btn {
	padding: 0.2rem 0.75rem;
	font-size: 1em;
    min-height: 31px;
    display: inline-flex;
    align-items: center;
}
.item-author {
	font-size: 1.5em;
	font-weight: 600 !important;
	white-space: initial;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.recent-news .item h3 {
	width: 100%;
	font-size: 1em;
	white-space: initial;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	min-height:45px;
	-webkit-box-orient: vertical;
}
.recent-news .item h3.item-name {
	font-weight: 800 !important;
}
.recent-news span.price-new {
   	color: #00e363;
   	font-weight: 700;
}
.recent-news .item-medium .item-bar .comments {
	float: right;
    padding: 0 1em;
    background: #00e363;
    text-align: center;
    margin-right: 10px;
    border-radius: 15px;
    height: 40px;
    width: 55px;
    font-size: 1.2em;
}
.recent-news .item-medium .item-bar .fa-share {
	float: right;
	width: 2.6em;
	background: #00e363;
	line-height: inherit;
	text-align: center;
}
.recent-news .item-medium .item-bar .fa-video-camera {
	float: left;
	width: 2.6em;
	line-height: inherit;
	text-align: center;
}
.recent-news .item-medium .item-bar .fa-tags {
	float: left;
	width: 2.6em;
	line-height: inherit;
	text-align: center;
	color:red;
}
.recent-news .item-medium .item-bar .fa-comment {
	position: relative;
	top: -1px;
	margin-right: 0.5em;
}
.item-price span.price-old {
	text-decoration:line-through;
	opacity: .5;
}
.recent-news .item-small h4 {
	margin: 10px 0;
}
.recent-news .item-small .pic {
	display: block;
	background: #000;
}
.recent-news .item-small .pic img {
	display: block;
	opacity: 0.8;
	transition: opacity 0.3s;
}
.recent-news .item-small .pic:hover img {
	opacity: 1;
}
.recent-news .item-small .date {
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	font-size: 0.86em;
	color: #878787;
}
.recent-news .item-small .comments {
	float: right;
	font-size: 0.86em;
}
.recent-news .item-small .comments i {
	position: relative;
	top: -1px;
	margin-right: 0.5em;	
}
.recent-news .items {
	position: absolute;
	top: 0;
	left: -9999px;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s;
}
.recent-news .items-visible {
	position: static;
	visibility: visible;
	opacity: 1;	
}
.page-light .recent-news .tabs {
	background: #ececec;
}
.page-light .recent-news .tabs .active {
	color: #000;
}
.page-light .tabs .all:hover {
	background: #ececec;
}
.page-light .recent-news .item-large .info {
	background: #ececec;
	color: #7d7d7d;
}
.page-light .recent-news .item-medium .bar {
	background: #ececec;	
}
.page-light .recent-news .item-medium .bar .more {
	background: none;
	color: #000;
}
@media screen and (max-width: 1229px) { /* laptop */
	
	body.common-home .recent-news {
		margin-top: 0px;
		padding:0px;
	}
	.recent-news .tabs a {
		margin-left: 20px;
	}
	#recent-news-rel .item {
		margin-top: 10px;
	}
	.recent-news .item-large .pic {
		width: 400px;
		height: 160px;
	}
	.recent-news .item-large .info {
		width: 220px;
		height: 160px;
		border-top-width: 15px;
		border-right-width: 20px;
		border-bottom-width: 15px;
		border-left-width: 20px;
	}
	.recent-news .item-medium .pic img {
		width: 100%;
		height: auto;
	}
	.recent-news .item-small .pic img {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.product-wrap video {
		display:none !important;
	}
	.recent-news .item-large .pic {
		float: none;
		width: auto;
		height: auto;
		padding-top: 40%;
	}
	.recent-news .item-large .info {
		width: auto;
		height: auto;
	}
	.recent-news .item-large .info h3 {
		margin-bottom: 1.5em;
	}
	.recent-news .item-medium .bar .fa-share {
		display: none;
	}
	.recent-news .grid-col-3 {
		width: 50%;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.nav-tabs > li > a {
		font-size: 1.4em;
	}
	body.account-customerpartner-member .nav-tabs {
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom:0;
		min-width: 100%;
		max-width: 100%;
		align-items: center !important;
	}
	.recent-news .grid-col {
		width: 100%;
	}
	.recent-news .grid-col-6 {
		width: 100%;
	}
	.hiddenphone {
		display:none !important;		
	}
	.dfeatures {
		display:none !important;		
	}
body.checkout-checkout .page-footer .grid-cont {
	display:none;
}
}
@media screen and (max-width: 479px) { /* mini phone */
	.recent-news .grid-col-3, .recent-news .grid-col-4 {
		width: 100%;
		padding:0 3px;
	}
	#recent-news-rel .grid-col-3, #recent-news-rel .grid-col-4 {
		width:50%;
	}
	.recent-news .item-medium .item-info {
		min-height: 100px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.recent-news .item-medium p {
		min-height: auto;
	}
	.recent-news .item-medium .bar {
		width: 100%;
	}
	.recent-news .owl-item .item-medium .bar, body.common-home .recent-news .item-medium .bar {
		padding:5px 10px;
		margin-left:5px !important;
	}
	#recent-news-rel .item-medium .bar {
		display:none;
	}
	.recent-news .item-medium .bar .comments {
    	color: #fff !important;
		font-size: 2.3em;
		padding-right: 5px;
		padding-left: 5px;
		margin-right: 0;
		position: absolute;
		bottom: 0;
		right: 10px;
	}
	.recent-news .item-medium .bar .fa-tags, .recent-news .item-medium .bar .fa-video-camera {
		display:none;
	}
	.recent-news span.price-old {
    	margin-left: 10px;
	}
	.recent-news .item-medium .bar .price {
		font-size: 1.6em;
	}
}

.thumbnail {
	padding:0;
	margin-bottom:0;
	border:none;
	background:transparent;
}
.thumbnails {
    margin-left: 0;
    background: none;
    border-radius: 1rem;
}
.product-wrap.thumbnails {
	border-radius: 0;
}
ul.thumbnails li a.thumbnail img {
	border-radius: 1rem;
}
.thumbnails .image-additional {
	margin-left:0;
	margin-right:20px;
}
/**/
/* most posts */
/**/
.most-posts {
	margin-top: 30px;
	background: #ebebeb;
}
.most-posts dl {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.most-posts dl:first-child {
	background: #e0e0e0;
}
.most-posts dt {
	border-bottom: 1px solid #fff;
	font-size: 1.14em;
	line-height: 60px;
	font-weight: 700;
	text-align: center;
	color: #7d7d7d;
}
.most-posts dd {
	padding: 20px 30px;
}
.most-posts li {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #ababab;
}
.most-posts li:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}
.most-posts h4 a {
	color: #414141;
}
.most-posts h4 a:hover {
	text-decoration: underline;
}
.most-posts p {
	margin-top: 0.25em;
	color: #898989;
}
.most-posts .fa {
	margin-right: 0.5em;
}
.most-posts .fa-comment {
	position: relative;
	top: -1px;
}
@media screen and (max-width: 1229px) { /* laptop */
	.most-posts {
		margin-top: 20px;
	}
	.most-posts dd {
		padding: 15px 20px;
	}
}


/**/
/* video player */
/**/
.video-player {
	margin-top: 30px;
	background: #000;
}
.video-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-player .title {
	padding: 0 30px;
	background: #00e363;
	box-sizing: border-box;
	font-size: 1.42em;
	line-height: 2.5em;
	font-weight: 700;
}
.video-player .player {
	position: relative;
	float: right;
	width: 670px;
	height: 380px;
}
.video-player .playlist {
	width: 500px;
}
.video-player .playlist li {
	margin-top: 1px;
}
.video-player .playlist li:first-child {
	margin-top: 0;
}
.video-player .playlist a {
	position: relative;
	display: block;
	background-position: 50% 50%;
	background-size: cover;
	color: #fff;
}
.video-player .playlist a:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	transition: background 0.3s, box-shadow 0.3s;
}
.video-player .playlist a:hover:before {
	background: rgba(0,0,0,0.2);
}
.video-player .playlist i {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 2em;
	height: 2em;
	background: #00e363;
	line-height: 2em;
	text-align: center;
	text-indent: 2px;
	color: #000;
}
.video-player .playlist span {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	height: 126px;
	padding: 0 60px 0 30px;
	font-size: 1.42em;
	line-height: 1.25;
}
@media screen and (max-width: 1229px) { /* laptop */
	.video-player {
		margin-top: 20px;
	}
	.video-player .player {
		width: 540px;
		height: 329px;
	}
	.video-player .title {
		padding-left: 20px;
	}
	.video-player .playlist {
		width: 400px;
	}
	.video-player .playlist span {
		height: 110px;
		padding-right: 40px;
		padding-left: 20px;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.video-player .player {
		width: 428px;
		height: 263px;
	}
	.video-player .playlist {
		width: 320px;
	}
	.video-player .playlist span {
		height: 87px;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.video-player .player {
		float: none;
		width: auto;
		height: auto;
		padding-top: 60%;
	}
	.video-player .playlist {
		width: auto;
	}
	.video-player .playlist span {
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.video-player .playlist li:last-child {
		display: block;
	}
}

/**/
/* onboarding */
/**/

#toggle-vids.collapse.in {
	transform: translateY(50px);
}

#toggle-onboarding a.close {
	margin: 0 auto;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
	opacity: .75;
}
	.step-1 + #step-1, .step-2 + #step-2 {
		display: block !important;
	}	

.opaque {
  opacity: 0;
  transition: 0.3s ease;
}

* {
  box-sizing: border-box;
}
	.no-border {
		border: none !important;
	}
#onboarding-progress {
  width: 50%;
  margin: 0px auto;
  font-size: 2.5em;
  font-weight: 900;
  position: relative;
}
#onboarding-progress > .progress-bar span {
  font-size: 1.75em;
  font-weight: 900;
}	
@media (max-width: 767px) {
  #onboarding-progress {
    font-size: 1.5em;
  }
}
#onboarding-progress:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 3px;
  width: 100%;
  background-color: rgba(165,165,165 ,.3);
  transform: translateY(-50%) perspective(1000px);
}
#onboarding-progress:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 4px;
  width: 100%;
  background-color: #2C3E50;
  background-image: -webkit-linear-gradient(-40deg, #121212 0%, #121212 35%, #ffce3c 60%);
    transform: scaleX(0) translateY(-50%) perspective(1000px);
    animation: flow 5s ease-in-out infinite;
    background-size: 150%;
  transform: scaleX(0) translateY(-50%) perspective(1000px);
  transform-origin: left center;
  transition: transform 0.5s ease;
}
#onboarding-progress.step-2:after {
  transform: scaleX(0.333) translateY(-50%) perspective(1000px);
}
#onboarding-progress.step-3:after {
  transform: scaleX(0.666) translateY(-50%) perspective(1000px);
}
#onboarding-progress.step-4:after {
  transform: scaleX(1) translateY(-50%) perspective(1000px);
}
#onboarding-progress.step-5:after {
  transform: scaleX(1) translateY(-50%) perspective(1000px);
}
	.progress-caption.active {
		display: block !important;
	}	
#onboarding-progress .progress-bar {
  width: 100%;
  display: flex;
  height: 60px;
  justify-content: space-between;
  align-items: center;
  background: none;
  box-shadow: none;
}
#onboarding-progress .progress-bar .step {
  z-index: 2;
  position: relative;
}
#onboarding-progress .progress-bar .step .step-label {
  position: absolute;
  top: calc(100% + 30px);
  left: 50%;
  transform: translateX(-50%) perspective(1000px);
  white-space: nowrap;
  font-size: 1.2em;
  font-weight: 600;
  color: #fff;
  transition: 0.3s ease;
	display: none;
}
@media (max-width: 767px) {
  #onboarding-progress .progress-bar .step .step-label {
    top: calc(100% + 15px);
  }
}
#onboarding-progress .progress-bar .step span {
  color: #fff;
  transition: 0.3s ease;
  display: block;
  transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
}
body.dark_mode #onboarding-progress .progress-bar .step .fa-check {
	color:#fde62b;
}
#onboarding-progress .progress-bar .step .fa-check {
  color: #ffce3c;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: transform 0.3s ease;
  transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
}
body.dark_mode #onboarding-progress .progress-bar .step.active span, body.dark_mode #onboarding-progress .progress-bar .step.active .step-label {
	color:#fff;
}
#onboarding-progress .progress-bar .step.active span, #onboarding-progress .progress-bar .step.active .step-label {
  color: #121212;
}
#onboarding-progress .progress-bar .step.valid .fa-check {
  transform: translate3d(-50%, -50%, 0) scale(1.5) perspective(1000px);
}
#onboarding-progress .progress-bar .step.valid span {
  color: #2C3E50;
  transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
}
#onboarding-progress .progress-bar .step.valid .step-label {
  color: #2C3E50 !important;
}
#onboarding-progress .progress-bar .step:after {
  content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) perspective(1000px);
    width: 35px;
    height: 35px;
    background: rgba(165,165,165 ,.3);
    border-radius: 50%;
    /*border: 3px solid #ccc;*/
    transition: 0.3s ease;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(25px);
}
@media (max-width: 767px) {
  #onboarding-progress .progress-bar .step:after {
    width: 20px;
    height: 20px;
	border-width: 3px !important;
  }
	#onboarding-progress > .progress-bar span {
		font-size: 1.07em;
	}
	#onboarding-progress:after {
		height: 1px;
	}
	#onboarding-progress .progress-bar .step .fa-check {
		font-size: 6px;
	}
}
body.dark_mode #onboarding-progress .progress-bar .step.active:after {
	border: 3px solid #6266f4;
	background: #6266f4;
}
#onboarding-progress .progress-bar .step.active:after {
	border: 3px solid #121212;
    background: #ffce3c;
}
#onboarding-progress .progress-bar .step.valid:after {
  border: 1px solid #121212;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(25px);
    background: #121212;
}

.button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 20px auto 0px;
  border-top: 1px solid rgba(165,165,165 ,.3);
  padding-top: 20px;
	align-items: center;
}
.button-container .btn {
  display: inline-flex;
  background-color: #121212;
  color: #fff;
  border-radius: 20px;
  text-transform: uppercase;
  font-weight: 900;
  border: 3px solid #121212;
  transition: 0.3s ease;
  cursor: pointer;
  text-align: center;
}
@media (max-width: 767px) {
  .button-container .btn {
    width: auto;
		height: 40px;
    display: flex;
    align-items: center;
  }
}
.button-container .btn:hover {
  background-color: #ffce3c;
  color: #121212;
  transform: scale(1.02) perspective(1000px);
}

/**/
/* blog author */
/**/
.dashboard {
	margin-bottom:20px;
    margin-top: 20px;
}
.dashboard .box-1 {
	background-image: linear-gradient(45deg, #788bfe, #2ad5fd ) !important;
    background: linear-gradient(45deg, #788bfe, #2ad5fd ) !important;
    border-radius: 10px;
	padding: 20px 30px;
    width: 100%;
}
.dashboard .box-2 {
	background-image: linear-gradient(45deg, #f2c353, #f056ae ) !important;
    background: linear-gradient(45deg, #f2c353, #f056ae ) !important;
    border-radius: 10px;
	padding: 20px 30px;
    width: 100%;
}
.dashboard .box-3 {
	background-image: linear-gradient(45deg, #05b8ea, #1ff9a4 ) !important;
    background: linear-gradient(45deg, #05b8ea, #1ff9a4 ) !important;
    border-radius: 10px;
	padding: 20px 30px;
    width: 100%;
}
.dashboard h1 {
	display: table-cell;
	vertical-align: middle;
	padding: 60px 30px 90px 30px;
	font-size: 3.21em;
	line-height: 1;
	font-weight: 700;
	white-space: nowrap;
}
.dashboard div {
	display: inline-block;	
	vertical-align: middle;
}
.dashboard strong {
	display: block;
	margin-bottom: 0.25em;
	font-weight: 600;
}
.dashboard p {
	text-align: center;
}
.dashboard span {
	font-size:1.5em;
}
.dashboard a {
	color: #fff;
	transition: color 0.3s;
}
.dashboard a.green {
	color: #00b068;
	transition: color 0.3s;
}
.dashboard a.blue {
	color: #4674d7;
	transition: color 0.3s;
}
.dashboard a:hover {
	color: #f1f1f1;
}
.dashboard .foot {
	position: relative;
	padding: 1em 30px 1em 30px;
	color:#1c82f7;
	font-weight: 100;
	font-size:1.2em;
	line-height:1.2em;
	clear:both;
	width:100%;
}
.dashboard .foot i {
	display: block;
	float: left;
	margin-right: 0.5em;
	line-height: inherit;
}
.dashboard .foot a:hover {
	text-decoration: underline;
}
.dashboard .avatar {
	position: absolute;
	top: -60px;
	left: 30px;
	width: 158px;
	height: 158px;
	border: 1px solid #efefef;
	background: #fff;
}
.dashboard .avatar img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.dashboard .subscribe {
	float: right;
}
.green-dot {
	background: #99c53c;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 6px;
    margin-bottom: -1px;
}
.red-dot {
	background: #eb4097;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 6px;
    margin-bottom: -1px;
}
.widget-comissions {
	color:#d4e6fb;
	background: #313444;
    margin: 20px 0;
    border-radius: 10px;
	padding:15px;
}
.widget-comissions hr {
	border-top:1px solid #4c5b76;
	margin:10px 0;
}

@media screen and (min-width: 1230px) { /* laptop */
	#column-right {
		padding-left:7px !important;
	}
}
@media screen and (max-width: 1229px) { /* laptop */
	.blog-author .cont h1 {
		padding: 40px 20px 60px 20px;
	}
	.blog-author .cont div {
		padding: 40px 20px 20px;
	}
	.blog-author .foot {
		padding-right: 20px;
	}
	.blog-author .avatar {
		top: -40px;
		left: 20px;
		width: 118px;
		height: 118px;
	}
}
@media screen and (max-width: 767px) { /* phone */
	#column-left {
		display:block;
	}
	.blog-author {
		background:#efefef;
		margin-top:0;
	}
	.blog-author p {
		font-size:1.5em;
	}
	.blog-author .cont h1 {
		display: block;
		padding: 20px;
	}
	.blog-author .cont div {
		display: block;
		padding: 20px 20px 20px;
	}
	.blog-author .foot {
		padding-left: 20px;
		display:none;
	}
	.blog-author .avatar {
		display: none;
	}
}
@media (min-width:768px) and (max-width:991px) { /* iPad */
	#column-right {
		padding-left:0;
	}
	.account-links {
		padding-left:25px;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.account-links {
		text-align:right !important;
		display:flex;
		margin-top:0 !important;
	}
}

/**/
/* blog list */
/**/
.blog-list h2 {
	margin: 0.5em 0;
	font-size: 2.4em;
	line-height: 1.25;
	font-weight: 700;
}
.blog-list h2 a {
	color: #333;
}
.blog-list h2 a:hover {
	text-decoration: underline;
}
.blog-list p {
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	color: #3f3f3f;
}
.blog-list .item {
	margin-top: 60px;
}
.blog-list .pic {
	display: block;
	background: radial-gradient(#fff, #000 75%, #000);
}
.blog-list .pic img {
	vertical-align: top;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s, -webkit-filter 0.3s;
}
.blog-list .pic:hover img {
	opacity: 0.75;
	-webkit-filter: grayscale(100%);
}
.blog-list .date {
	float: right;
	padding: 0 1em;
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	font-style: italic;
	color: #878787;
}
.blog-list .date i {
	float: left;
	margin: 0 0.5em 0 0;
	line-height: inherit;	
}
.blog-list .bar {
	margin-top: 1.5em;
	box-shadow: inset 0 0 0 1px #efefef;
	line-height: 2.6em;
}
.blog-list .bar a:hover {
	text-decoration: underline;
}
.blog-list .bar .more {
	float: right;
	padding: 0 1em;
	background: #000;
	font-weight: 700;
	color: #fff;
}
.blog-list .bar .more:hover {
	text-decoration: none;
}
.blog-list .bar .comments {
	float: right;
	padding: 0 1em;
	background: #00e363;
	text-align: center;
}
.blog-list .bar .comments:hover {
	text-decoration: none;
}
.blog-list .bar .fa-share {
	float: right;
	width: 2.6em;
	background: #00e363;
	line-height: inherit;
	text-align: center;
}
.blog-list .bar .fa-share:hover {
	text-decoration: none;
}
.blog-list .bar .fa-pencil {
	float: left;
	width: 2.6em;
	line-height: inherit;
	text-align: center;
}
.blog-list .bar .fa-comment {
	position: relative;
	top: -1px;
	margin-right: 0.5em;
}
.blog-list .head {
	font-family: 'Roboto',palatino,serif;
	margin: 30px 0 -30px;
	padding: 0.3em 0;
	text-align:left;
	background: none;
	border-bottom:1px solid #d5d1c3;
	font-size: 2em;
	-webkit-font-smoothing: antialiased;
	font-weight: 600;
	color: #333;
}
.container_full .blog-list .head {
	font-family: 'Roboto',palatino,serif;
	margin: 30px 0 -30px;
	padding: 0.3em 0;
	text-align:left;
	background: none;
	border-bottom:none;
	font-size: 1.6em;
	-webkit-font-smoothing: antialiased;
	font-weight: 600;
	color: #fff;
	margin-left:100px;
}
.container_full .blog-list .sub {
	font-family: 'Roboto',palatino,serif;
	margin: 15px 0 -30px;
	padding: 0.3em 0;
	text-align:left;
	background: none;
	border-bottom:none;
	font-size: 1.6em;
	-webkit-font-smoothing: antialiased;
	font-weight: 600;
	margin-left:100px;
}
.container_full .blog-list .sub p {
	color:#999;
}
.page-light .blog-list .head {
	background: #f1f1f1;
	color: #000;
}
@media screen and (max-width: 1229px) { /* laptop */
	.blog-list .pic img {
		max-width: 100%;
		height: auto;
	}
	.container_full .blog-list .head {
		margin: 30px 0 0 20px;
	}
	.container_full .blog-list .sub {
		margin: 10px 20px 0 20px;
		font-size: 1.5em;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.blog-list .bar .more,
	.blog-list .bar .fa-share {
		display: none;
	}
	.container .content .blog-list .head {
		margin-left:10px;
		margin-right:10px;
	}
	#payment_address_newsletter_input label, #payment_address_agree_input label {
		display: inherit !important;
		padding-left: 0 !important;
		padding-top: 0 !important;
	}
}


/**/
/* blog grid */
/**/
.blog-grid {
	margin: 0 -15px;
}
.blog-grid .item {
	display: inline-block;
	vertical-align: top;
	padding: 0 15px;
	box-sizing: border-box;
}
.blog-grid-2 .item {
	width: 50%;
}
.blog-grid-3 .item {
	width: 33.33%;
}
.blog-grid-3 .date {
	margin: 1em 0 0.5em;
	padding: 0;
	font-size: 0.86em;
}
.blog-grid-3 .bar {
	margin: 0;
}
.blog-grid-4 h2 {
	font-size: 2em;
}
.blog-grid-4 .item {
	width: 25%;
}
.blog-grid-4 .date {
	margin: 1em 0 0.5em;
	padding: 0;
	font-size: 0.86em;
}
.blog-grid-4 .bar {
	margin: 0;
}
.blog-grid-4 .bar .more {
	display: none;
}
.blog-grid-4 .bar .fa-share {
	display: none;
}
@media screen and (max-width: 1229px) { /* laptop */
	.blog-grid {
		margin: 0 -10px;
	}
	.blog-grid .item {
		margin-top: 40px;
		padding: 0 10px;
	}
	.blog-grid-4 .bar .more {
		display: block;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.blog-grid-3 .bar .fa-share {
		display: none;
	}
	.blog-grid-4 .item {
		width: 33.33%;
	}
}
@media screen and (max-width: 767px) { /* phone */	
	.blog-grid-3 .item,
	.blog-grid-4 .item {
		width: 50%;
	}
	.blog-grid-3 .bar .more,
	.blog-grid-4 .bar .more {
		display: block;
	}
	
	.blog__text-subtitle {
		min-height: 50px !important;
	}
	
	.blog.blog__post .blog__text-subtitle {
		min-height: auto !important;
	}
	.blog__category h2.blog__heading {
		font-size: 18px;
	}
	h2.display-2 {
		font-size:1.5em;
	}
}
@media screen and (max-width: 479px) { /* mini phone */
	.blog-grid-2 .item,
	.blog-grid-3 .item,
	.blog-grid-4 .item {
		width: 100%;
	}
}

/**/
/* Blog Posts */
/**/

.blog__category img {
    border-radius: 0.75em;
}
.blog__category h2.blog__heading {
    margin-top: 10px;
}
.blog__post {
	padding: 0.75rem 0.35rem;
    min-height: 50px !important;
}
.blog__post img {
		border-radius: .75rem;
}
.blog__post .blog__text .blog__text-subtitle {
    font-size: .9em;
    line-height: inherit;
    margin-bottom: 0.35em;
	min-height: auto;
}
.blog__post .blog__text .blog__text-owner {
    font-size: 1.2em;
    line-height: inherit;
}
.blog__post .blog__text .blog__text-actions {
    color: #888;
    font-size: .9em;
    font-weight: 400;
}
.blog__post .blog__action {	
    margin-left: auto;
    margin-right: 7px;
    align-self: center;
}
.blog__post .blog__sort {	
    font-size: 3.5em;
    align-self: center;
}

.blog__post .blog__text .blog__text-title {
	font-family: 'Saira', sans-serif;
    font-size: 1.3em;
    line-height: inherit;
	font-weight: 600 !important;
	white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.7em;
	overflow: hidden;
}
.blog__post .blog__text {
	/*min-height: inherit;*/
}
.blog__post .blog__text .blog__text-title a {
	color: inherit;
}
.blog__post .blog__text .blog__text-title a:hover {
	text-decoration: none;
}
.blog.blog__post .blog__text-subtitle {
	padding-right: 10px;
}
.blog__text-subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #bdbec2;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: inherit;
	min-height: 70px;
}
#utilities .blog__post {
	margin-bottom: 10px;
}
/**/
/* Mailchimp */
/**/
.mailchimp-integration {
    background: white;
    padding: 5px 25px 10px 20px;
    border: 1px solid #e5e5e5;
    margin-top: 20px;
}
.mailchimp-integration .box-heading {
    font-size: 2em;
    line-height: 2em;
}
.mailchimp-integration h4 {
    margin-bottom: 5px;
    font-size: 1.3em;
    font-weight: 600;
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
}
.mi-padleft {
	padding:5px 0;
	margin-left:0 !important;
}
.mi-padleft input {
	float:left;
	margin-right:5px;
}
.mi-button, .mi-button .btn {
	width:100%;
}
/**/
/* blog post */
/**/
#share_addthis {
	text-align:right;
}
.blog-cover {
	background-image: none !important;
}
.blog-post {margin-top: 20px;}
.blog-post .title {
	padding: .5em 0 0;
    font-size: 2em;
    line-height: 1.25;
    font-weight: 300;
    color: #444;
    border: none;
}
.blog-post .subtitle p {
	padding: 0 0 1.5em 30px;
	font-size: 1.21em;
	line-height: 1.25;
	font-weight: 300;
	text-shadow:1px 1px 5px black;
	color: #fff;
}
.blog-post .bar {
	height: 4.6em;
	overflow: hidden;
	padding-left: 30px;
	background: #00e363;
	font-size: 1.14em;
	line-height: 4.6em;
}
.blog-post .bar i {
	line-height: inherit;
}
.blog-post .bar a:hover {
	text-decoration: underline;
}
.blog-post .bar .share {
	float: right;
    margin-left: 1px;
    padding: 0 0.5em;
    font-size: 2.25em;
    background: #627aad;
    color: white;
	transition:0.3s;
}
.blog-post .bar .share:hover {
	background:rgb(59, 89, 152);
}
.blog-post .bar .comments {
	float: right;
	margin-left: 1px;
	padding: 0 1em;
	font-size: 1.25em;
	background: rgba(0,0,0,0.1);
}
.blog-post .bar .comments:hover {
	text-decoration: none;
}
.blog-post .bar .fa-comment {
	position: relative;
	top: -1px;
	margin-right: 0.5em;
}
.blog-post .tags, .content .tags {
	padding: 0 10px 10px 10px;
	font-size: 1em;
	line-height: 3em;
	background: #fff;
	color: #888;
	margin-bottom:2em;
}
.blog-post .tags i, .content .tags i {
	display: none;
	float: left;
	margin: 10px 20px 0 0;
	font-size: 1.25em;
	line-height: inherit;
	text-align: center;
	opacity: 0.5;
}
.blog-post .tags a, .content .tags a {
	display: block;
    float: left;
    margin: 10px 0 0 5px;
    line-height: 1em;
    border: 1px solid #bababa;
    padding: 5px;
    border-radius: 5px;
    background: #f1f1f1;
    text-decoration: none;
	transition:.3s;
}
.blog-post .tags a:hover, .content .tags a:hover {
	text-decoration: none;
	color:black;
    background: #fff;
}
.blog-post .author {
	position: relative;
    margin-bottom: 20px;
    display: inline-block;
    color: #777;
}
.blog-post .author h4 {
	font-size: 1.43em;
	line-height: 1.25;
	color: #556270;
}
.blog-post .author p {
	margin-top: 0.5em;
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	color: #556270;
}
.blog-post .author img {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height:169px;
	margin-top: 0;
	font-size: 4em;
	text-align: center;
	color: #fff;
}
.blog-post .author a:hover {
	text-decoration: underline;
}
.blog-post .author .inner {
	padding: 30px;
	border: 1px solid #efefef;
	border-left: 0;
	background: #fff;
	height:169px;
}
.blog-post .author .position {
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	font-size: 0.86em;
	font-style: italic;
	color: #878787;
}
.blog-post .review {
	margin-bottom: 30px;
	padding: 30px;
	background: #222;
	color: #fff;
}
.blog-post .review h3 {
	margin-bottom: 2em;
	font-size: 1.14em;
	font-weight: 700;
}
.blog-post .review p {
	margin-top: -1em;
}
.blog-post .review span {
	color: #00e363;
}
.blog-post .review table {
	width: 100%;
}
.blog-post .review td {
	vertical-align: top;
	padding-bottom: 10px;
}
.blog-post .review td:first-child {
	width: 1px;
	padding-right: 1em;	
}
.progress {
	background:#ddd;
}
.blog-post .review .progress {
	height: 1.5em;
	background: #383838;
}
.blog-post .review .progress div {
	height: 1.5em;
	background: #00e363;
}
.blog-post .review .value {
	width: 1px;
	padding-left: 1em;
	text-align: right;
}
.blog-post .review .total {
	margin: 0.25em;
	font-size: 2em;
	font-weight: 700;
	text-align: right;
}
.blog-post .review .total i {
	float: right;
	line-height: inherit;
	color: #00e363;
}
.blog-post .gallery .pics {
	position: relative;
	margin-bottom: 1px;
	padding-top: 56.25%;
}
.blog-post .gallery .pics img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	opacity: 0;
	transition: opacity 0.3s;
}
.blog-post .gallery .pics .active {
	z-index: 1;
	opacity: 1;
}
.blog-post .gallery .thumbs {
	width: auto;
	margin: 0 30px;
}
.blog-post .gallery .thumbs .item {
	position: relative;
	padding-top: 56.25%;
	cursor: pointer;
	opacity: 0.75;
	transition: opacity 0.3s;
}
.blog-post .gallery .thumbs .item img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: auto;
}
.blog-post .gallery .thumbs .item:hover,
.blog-post .gallery .thumbs .item.active {
	opacity: 1;
}
.blog-post .gallery .owl-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30px;
	width: 30px;
	background: #00e363;
	text-align: center;
	color: #000;
}
.blog-post .gallery .owl-next {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -30px;
	width: 30px;
	background: #00e363;
	text-align: center;
	color: #000;
}
.blog-post .gallery .owl-next i,
.blog-post .gallery .owl-prev i {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -7px;
	font-size: 14px;
}
.blog-post .cont {
	padding: 30px 29px;
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;
    background: #fff;
    box-shadow: 0 4px 30px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    border-radius: 10px;
}
.blog-post .cont a {
	text-decoration:underline;
	font-weight:bold;
}
.blog-post .cont-alt {
	margin-top: 30px;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
.blog-post .cont h1 {
	padding-top: 1em;
}
.blog-post .cont h2 {
	margin-top: 0.4em;
	font-size: 2em;
	line-height: 1.25;
	font-weight: 700;
}
.blog-post .cont h3 {
	margin-top: 1.5em;
	font-size: 1.71em;
	line-height: 1.25;
	font-weight: 700;
}
.blog-post .cont h4 {
	margin-top: 1.5em;
	font-size: 1.57em;
	line-height: 1.25;
	font-weight: 700;
}
.blog-post .cont p {
	margin-top: 1.5em;
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	color: #3f3f3f;
}
.disclaimer {
	font-size: .8em;
    color: #777;
}
.information-information #content h1 {
	font-size: 1.3em;
}
.information-information #content h1.heading {
	font-size: 45px;
    line-height: 50px;
    letter-spacing: -0.02em !important;
}
.blog-post .cont img {
	display: block;
	max-width: 100%;
	margin: 1.5em auto 0;
}
.blog-post .cont blockquote {
	margin-top: 1.5em;
	padding-left: 2em;
	border-left: 0.5em solid #00e363;
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	font-size: 1.14em;
	font-style: italic;
	color: #737373;
}
.blog-post .cont .caption {
	margin-top: 0.5em;
	font-style: italic;
	color: #878787;
}
.blog-post .cont .video {
	position: relative;
	margin: 1.5em auto 0;
	padding-top: 56.25%;
}
.blog-post .cont .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.blog-post .cont .audio {
	margin: 1.5em auto 0;	
}
.blog-post .cont .audio iframe {
	display: block;
	width: 100%;
}
.blog-post .cont *:first-child {
	margin-top: 0;
}
@media screen and (max-width: 1229px) { /* laptop */
	body.mblog-article .blog-post .title {
		padding-left: 20px;
    	text-shadow: none;
    	color: #333;
    	font-size: 2.5em;
	}
	.blog-post .title {
		padding-left: 20px;
    	text-shadow: none;
    	font-size: 2.5em;
	}
	.logo img {
		left:0;
		max-width:90%;
	}
	.breaking-news {
		width:auto;
	}
	.breaking-news p {
		padding:0 10px;
	}
	.breaking-news .grid-col-9 {
		padding:0 20px;
	}
	.blog-post .bar {
		padding-left: 20px;
	}
	.blog-post .tags {
		padding-left: 20px;
	}
	.blog-post .author .inner {
		padding: 20px;
	}
	.blog-post .review {
		padding: 20px;
	}
	.blog-post .cont {
		padding: 20px 19px;
	}
	.blog-post .cont img {
		height: auto;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.blog-post {margin-top: 0px;}
	.blog-post .cont p {
		font-size: 1.5em;
	}
}
/**/
/* blog comments */
/**/
.blog-comments {
	margin-top: 60px;	
}
.blog-comments li {
	position: relative;
	min-height: 100px;
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #efefef;
}
.blog-comments li.reply {
	margin-left: 50px;
}
.blog-comments h3 {
	margin-bottom: 0.5em;
	font-size: 1.14em;
	font-weight: 700;
	color: #556270;
}
.blog-comments p {
	margin-left: 120px;
	padding-bottom: 1em;
	color: #8a8a8a;
}
.blog-comments .pic {
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 20px;
	background: radial-gradient(#fff, #000);
}
.blog-comments .pic img {
	vertical-align: top;
	width: 100%;
	height: 100%;
	transition: opacity 0.3s;
}
.blog-comments .pic:hover img {
	opacity: 0.75;
}
.blog-comments .date {
	float: right;
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	font-size: 0.86em;
	font-style: italic;
	color: #878787;
}
.blog-comments .date i {
	float: left;
	margin: 0 0.5em 0 0;
	line-height: inherit;
}
.blog-comments .fa-share {
	position: absolute;
	right: 2.5em;
	bottom: 0;
	width: 2.5em;
	margin-right: 1px;
	background: rgba(0,0,0,0.2);
	text-align: center;
	line-height: 2em;
	color: #fff;
	transition: background 0.3s;
}
.blog-comments .fa-share:hover {
	background: rgba(0,0,0,0.4);
}
.blog-comments .fa-warning {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 2.5em;
	background: rgba(0,0,0,0.2);
	text-align: center;
	line-height: 2em;
	color: #fff;
	transition: background 0.3s;
}
.blog-comments .fa-warning:hover {
	background: rgba(0,0,0,0.4);
}
.blog-comments .head {
	padding-bottom: 0.5em;
	border-bottom: 1px solid #efefef;
	font-size: 1.57em;
	line-height: 1;
	font-weight: 700;
	color: #556270;
}
@media screen and (max-width: 1229px) { /* laptop */
	.blog-comments {
		margin-top: 40px;
	}
	.blog-comments li {
		margin-top: 10px;
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.blog-comments p {
		margin-left: 60px;
	}
	.blog-comments .pic {
		width: 40px;
		height: 40px;
	}
	.blog-comments li.reply {
		margin-left: 20px;
	}
}


/**/
/* related posts */
/**/
.related-posts {
	margin-top: 60px;
}
.related-posts li {
	margin-top: 15px;
}
.related-posts h3 {
	margin-left: 120px;
	color: #556270;
}
.related-posts h3 a:hover {
	text-decoration: underline;
}
.related-posts .date {
	margin: 0 0 0.5em 120px;
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	font-size: 0.86em;
	font-style: italic;
	color: #878787;
}
.related-posts .date i {
	float: left;
	margin: 0 0.5em 0 0;
	line-height: inherit;
}
.related-posts .pic {
	display: block;
	float: left;
	width: 100px;
	background: radial-gradient(#fff, #000);
}
.related-posts .pic img {
	vertical-align: top;
	width: 100%;
	transition: opacity 0.3s;
}
.related-posts .pic:hover img {
	opacity: 0.75;
}
.related-posts .head {
	padding-bottom: 0.5em;
	border-bottom: 1px solid #efefef;
	font-size: 1.57em;
	line-height: 1;
	font-weight: 700;
	color: #556270;
}
@media screen and (max-width: 1229px) { /* laptop */
	.related-posts {
		margin-top: 40px;
	}
	.related-posts li {
		margin-top: 10px;
	}
}

/**/
/* checkout */
/**/

table.table.table-bordered.qc-cart, td.qc-name, td.qc-image, td.qc-total {
	/*background:white;*/
	border-right: none !important;
    border-left: none !important;
}
a.showcoupon {color:#00e363!important;}
td.qc-name a {font-weight:600; font-size:.9em;}
td.qc-name {vertical-align:top !important;}
table.table.table-bordered.qc-cart > thead {display:none;}
body.checkout-checkout nav#main-nav, body.checkout-checkout .searchbar, body.checkout-checkout .widget-about, body.checkout-checkout .widget-invest {display:none;}
.qc-col-1, .qc-col-4 { margin-top:20px;}
#payment_method .panel-default {
	margin-bottom:0;
}
#d_quickcheckout .qc-totals .row:last-child {
	border-top:1px solid #d2d9e2 !important;
}
.panel {border-radius:0;box-shadow:none;}
.panel-heading {
	background:none !important;
	border:none;
}
.qc-totals .text-right {padding-right:10px;}
.panel-heading h4.panel-title {
	font-family: 'Roboto', sans-serif;
    padding-bottom: 0.5em;
    padding-top: 0;
    border-bottom: 1px solid #d2d9e2;
    font-size: 1.27em;
    line-height: 1.5;
    font-weight: 400;
    color: #333;
}
.dark-box #cart-details .qc-cart {
	color: #bdbec2;
}
#d_quickcheckout .dark-box .qc-totals .row:last-child div {
	color: white;
}
body.dark_mode .panel-heading h4.panel-title, body.dark_mode .combined-input-inner-span {
	color: white;
}
.form-group {
	margin-bottom:5px !important;
	padding: 0 !important;
}
.form-group {
  position: relative;
}

.form-label-placeholder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  font-size: 1rem;
  transition: all 0.3s;
  pointer-events: none;
  z-index: 3;
}

.form-control:focus + .form-label-placeholder,
.form-label-placeholder.active,
.form-label-placeholder.telephone,
.form-control:not(:placeholder-shown) + .form-label-placeholder {
  font-size: 0.75rem;
  transform: translateY(-50%);
  top: 0px;
  color: rgb(152, 153, 156) !important;
  background: #fff;
  padding: 0 5px;
  line-height: normal;
}
.form-label-placeholder.telephone {
	left: 52px;
}	
#input-paid-product {
	max-width: 210px;
}
#content .form-control {
	min-height: 48px;
    max-height: none;
}	
.form-label-placeholder.active + .form-control::placeholder {
	color: #a2a3a4;
}	
.form-label-placeholder + .form-control::placeholder {
	color: transparent;
}	
#input-telephone.form-control, #payment_address_telephone.form-control {
	padding-left: 52px !important;		
}
select.payment-method-select {
	padding:0;
}
.floating{-webkit-animation:3s infinite floating;animation:3s infinite floating;will-change:transform}
.floating:hover{-webkit-animation-play-state:paused;animation-play-state:paused}
.floating-lg{-webkit-animation:3s infinite floating-lg;animation:3s infinite floating-lg}
.floating-sm{-webkit-animation:3s infinite floating-sm;animation:3s infinite floating-sm}
@-webkit-keyframes floating-lg{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}}
@keyframes floating-lg{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}}
@-webkit-keyframes floating{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}
@keyframes floating{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}
@-webkit-keyframes floating-sm{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}}
@keyframes floating-sm{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}}

.blink-success {-webkit-animation:3s infinite blinking;animation:3s infinite blinking;will-change:background}
.blinking {-webkit-animation:3s infinite blinking-opacity;animation:1s infinite blinking-opacity;will-change:opacity}
@keyframes blinking{0%,100%{background-color:#27da8d;background:#27da8d}50%{background-color:#21bd7a;background:#21bd7a}}
@keyframes blinking-opacity{0%,100%{opacity:1;}50%{opacity:.5}}

body.mblog-article .page-content {background:#eaeaea;}
#login_view {position:absolute;}
#payment_view {background:none; border: none;}
#payment_view .payment-form {
	margin-bottom:0;
	
}
.table>tbody>tr>td.qc-total, .table>tbody>tr>td.qc-price  {
	vertical-align:top;
}
#confirm_view .panel {border-top:none;}
#confirm_view .panel-body {padding-top:0;}
#payment_method .panel {border-bottom:none;}
#payment_method .panel-body {padding-bottom:0;}
#cart_view .btn-primary {padding:5px 20px;}
.btn-print {padding: 10px; border-radius: 7px;}
#cart_view input#coupon {margin-top:0;}
#d_quickcheckout input[type=checkbox] { margin-right:5px; float:left;}
#d_quickcheckout #payment_address .form-horizontal .control-label {
	text-transform: inherit;
    font-size: 16px;
    padding: 23px 0 0 10px;
    color: #424770;
    font-weight: 400;
}
	#d_quickcheckout .modal-dialog {
    	top: 10%;
	}
@media screen and (max-width: 767px) { /* phone */
	#d_quickcheckout #payment_address .form-horizontal .control-label {
		display:none;
	}
	#payment_address .form-horizontal input[type="text"], #payment_address .form-horizontal input[type="email"], #payment_address .form-horizontal input[type="password"] {
		margin-top:0;
	}
	#d_quickcheckout .panel, #d_quickcheckout #payment_view {
		border:none;
	}
	#d_quickcheckout .modal-content {
    	border: none;
		height:100%;
	}
	#d_quickcheckout .modal-header {
		font-size: 1.5em;
	}
	body.checkout-cart .buttons .pull-left, body.checkout-cart .buttons .pull-right {
		width:100%;
		margin-bottom:10px;
	}
	body.checkout-cart .buttons .pull-left a, body.checkout-cart .buttons .pull-right a {
		width:100%;
	}
}
table.qc-cart>thead>tr>td.qc-total, table.qc-cart>thead>tr>td.qc-image {display:none }
.login-btn-group .btn-primary.active {	
    font-size: 1.2em;
    color: #444 !important;
    background: #d8d8d8;
	display:none;
}
.login-btn-group button {
    color: #fff !important;
    font-size: 1.2em !important;
    background: #1d84fa;
	position: absolute !important;
    right: 30px;
    top: 10px;
    width: auto !important;
    padding: .4em 1.2em;
    border-radius: 4px !important;
}
.login-btn-group button:hover, .login-btn-group button:focus {
	background:#1477e8;
}
.edit-cart-btn, .buy-crypto-btn {
    color: #fff !important;
    font-size: .7em !important;
    background: #5e71e4;
    width: auto !important;
    padding: .4em 1em;
    border-radius: 4px !important;
}
.edit-cart-btn:hover, .edit-cart-btn:focus, .buy-crypto-btn:hover, .buy-crypto-btn:focus {
	background:#1477e8;
}
.sp-payment {
	border:none !important;
	padding-bottom:0 !important;
}
.adk-vendors img.active {filter:none !important; -webkit-filter:none !important;}
.exp-select {
	float:left;
	height:45px;
	width:45% !important;
	margin-right:5% !important;
}
.adk-cvc {
	width:100% !important;
}
.adk-label {
	padding-bottom:8px;
}
body.common-home #form-mode > div, body.common-home .page-header-bottom, body.common-home #search {display:none;}
.cc-field-switch {top:25px !important;}
.adk-col-30 {
	text-transform: uppercase;
    font-size: 12px;
    width: 100% !important;
    color: #191919;
}
.adk-col-70 {
	width:100% !important;
    border-radius: 0;
}

.cc-number-item {
	display:inline-block;
}

/**/
/* modal */
/**/
.modal-content {
	border-radius: 10px; 
    /*backdrop-filter: blur(20px);
    background: rgb(45 46 60 / 55%);
    -webkit-backdrop-filter: blur(25px);
    border: 1px solid rgba(255,255,255,.2);
    box-shadow: 3px 23px 56px rgb(5 8 17 / 74%);*/
}
.modal-header {
    padding: 2em;
    background: none;
	display: flex;
    align-items: center;
    justify-content: center;
}
.modal-header .close {
	font-weight: 100;
    font-size: 1.8em;
    background: white;
    border-radius: 2em;
    height: 40px;
    width: 40px;
    position: absolute;
    right: -10px;
    top: -15px;
    opacity: 1;
    color: #666;
}
.modal-header .close i {
	font-size: .9em;
    line-height: .35em;
}
.modal-title {
    margin-bottom: 0 !important;
    color: white;
    text-align: center;
    font-size: 1.5em;
    font-weight: 600 !important;
}
.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1.5rem;
    border-radius: 0 0 1.5em 1.5em;
	border-top: 1px solid rgba(255,255,255,.2);
}
.modal-danger .modal-footer, .modal-danger .modal-header, .modal-color .modal-footer, .modal-color .modal-header {
    border-color: rgba(255,255,255,.075);
}
body.dark_mode #editProductModal .modal-backdrop.in {
    opacity: 1;
    background-color: #000000;
    position: fixed;
}
#editProductModal .modal-backdrop.in {
    opacity: 1;
    background-color: white;
    position: fixed;
}
.special_box {
    background: rgb(247 247 247);
    border-radius: 10px;
    display: inline-block;
    padding: 50px 0 20px 0;
    border: 2px dashed #dadada;
}
body.dark_mode .special_box {
	background: #161616;
	border: 2px dashed #555555;
}
body.dark_mode .special_tag {
	color: #474747;
}
.btn-remove {
    position: absolute;
    right: 18px;
    top: 18px;
    background: #eaeaea;
    text-shadow: none;
    color: #222;
}
body.dark_mode .btn-remove {
    background: #242424;
    color: #838383;
}
.media-wrapper {
    background: rgb(240 240 240);
    height: 100%;
    width: 100%;
    min-height: 385px;
    border-radius: 10px;
    font-weight: bold;
    color: #8a8989;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.media-wrapper i {
  font-size: 3em;
  color: #cccccc;
  margin-bottom: 10px;
}
body.dark_mode .trumbowyg-box {
	border-radius: 7px;
	border: 1px solid #505050;
    background: #252526;
}
body.dark_mode .trumbowyg-box, body.dark_mode .trumbowyg-editor-box {
    background: #252526;
}
body.dark_mode .trumbowyg-button-pane button.trumbowyg-active, body.dark_mode .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, body.dark_mode .trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
	background-color:#424242;
}
body.dark_mode .trumbowyg-button-pane .trumbowyg-button-group::after, body.dark_mode .trumbowyg-button-pane::before {
	background: #505050;
}
body.dark_mode .trumbowyg-button-pane {
	border-top-right-radius: 7px;
    border-top-left-radius: 7px;
	border-bottom: 1px solid #505050;
	background: #202020;
}
body.dark_mode .trumbowyg-box svg, body.dark_mode .trumbowyg-modal svg {
	color:white;
	fill:#fff;
}
body.dark_mode .media-wrapper {
    background: rgb(53 53 53);
}
#videoModal .modal-backdrop.in {
	opacity: 0.9;
}
#videoModal .modal-content, #videoModal .modal-content > .modal-header {
	background: none !important;
	backdrop-filter: none;
	border: none;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	padding: 0;
}
#videoModal .modal-header h2 {
	width: 95%;
}
#videoModal .modal-header .close {
	background: none !important;
	color: white;
  right: 0 !important;
  top: 10px !important;
}
@media screen and (max-width: 767px) { /* phone */
	#videoModal .modal-header .close {
		font-size: 2em !important;
    border: none;
    justify-content: flex-end;
    right: 5px !important;
    top: 5px !important;
    z-index: 999;
		text-shadow: none;
	}
	#videoModal .modal-header h2 {
		width: 90%;
	}
	#videoModal .modal-header .close i {
		color: white !important;
	}
	#videoModal .modal-body {
		padding: 15px 0;
	}
	#videoModal .modal-dialog {
    position: absolute;
    left: 0;
    top: 50% !important;
    margin: 0;
    bottom: 0;
    width: 100%;
    transform: translate(0, -30%) !important;
		padding: 0 10px;
	}
}
@media (min-width: 576px) {
.modal-md {
    max-width: 450px;
}
	.order-md-1 {
		order: 1;
	}
	.order-md-2 {
		order: 2;
	}
	
	.order-md-3 {
		order: 3;
	}
}
/**/
/* transactions */
/**/

.icon-arrow-up {
	width:15px;  -webkit-mask: url(/image/catalog/icons/arrow-up.svg) no-repeat center;  mask: url(/image/catalog/icons/arrow-up.svg) no-repeat center;
}
.icon-arrow-down {
	width:15px;  -webkit-mask: url(/image/catalog/icons/arrow-down.svg) no-repeat center;  mask: url(/image/catalog/icons/arrow-down.svg) no-repeat center;
}
.icon-arrow-left-arrow-right {
	width:15px;  -webkit-mask: url(/image/catalog/icons/arrow-left-arrow-right.svg) no-repeat center;  mask: url(/image/catalog/icons/arrow-left-arrow-right.svg) no-repeat center;
}
.icon-svg {
	background-color: #333;
  width: 20px;
  height: 20px;
  margin-top: 4px;
}
body.dark_mode .icon-svg {
	background-color: #ddd;
}
@media screen and (min-width: 880px) { /* desktop */
	.transaction {
		min-height: auto;
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-top: 1px solid rgba(120,117,140 ,.25) !important;
    border-bottom: none !important;
		border-right: none !important;
    border-left: none !important;
    padding: 10px 0 !important;
		margin-top: 0px !important;
		}
	.transaction-group {
		margin-top: 10px;
   	margin-bottom: 25px;
		border-bottom: 1px solid rgba(120,117,140 ,.25) !important;
	}
}
.transaction-group {
 	margin-bottom: 20px;
}
time.icon, hour.time {
	opacity:.6;
}
.transaction {	
	min-height: auto !important;
	margin-top:10px;
}
body.dark_mode .white-box.transaction {
	border:none;
}
/**/
/* order page */
/**/

	article.item--media-frame {
		border-radius: 10px;
		border: 1px solid rgb(27, 26, 34);
		overflow: hidden;
	}
	.item--wrapper {
	}
	.item--summary {
    	/*margin-right: -20px;
		max-width: 400px;*/
	}
	.item--main {
	}
	.item--frame {
		margin: 20px;
	}
	body.dark_mode .item--summary-frame {
		background-color: rgb(45, 46, 60);
		border: 1px solid rgb(27, 26, 34);
	}
	.item--summary-frame {
		background-color: #fff;
		border-radius: 10px;
		border: 1px solid #d1d8db;
		overflow: hidden;
	}
	body.dark_mode .item--header {
		background: rgb(30 30 40);
	}
	.item--header {
		-webkit-box-align: center;
		align-items: center;
		display: flex;
		font-weight: 500;
		padding: 12px;
		height: 42px;
		width: 100%;
		background: #fff;
	}
	.Panel--Container {
		border-top: none;
		border-left: none;
		border-right: none;
		margin-bottom: -1px;
		margin-top: 1px;
	}
	body.dark_mode .BasePanel--header {
		color: #fff;
		background-color: rgb(30, 30, 40);
	}
	.BasePanel--header {
		width: 100%;
		-webkit-box-align: center;
		align-items: center;
		background-color: #fff;
		cursor: pointer;
		display: flex;
		font-size: 16px;
		font-weight: 600;
		padding: 20px;
		user-select: none;
		color: #111;
	}
	.BasePanel--header:hover, .BasePanel--header:visited, .BasePanel--header:focus {
		text-decoration: none;
		color: #5160f8;
	}
	.item--frame .Panel--Container:first-child .Panel--header {
		border: 0px;
		margin: 0px;
	}
	body.dark_mode .BasePanel--body {
		border-top: 1px solid rgb(27, 26, 34);
		color: rgb(229, 232, 235);
		background-color: rgb(45, 46, 60);
	}
	.BasePanel--body {
		border-top: 1px solid #d1d8db;
		color: #222;
		background-color: #fff;
	}
	.Panel--body {
		border-left: 0px;
    	border-right: 0px;
	}
	.Panel--isContentPadded {
    	padding: 20px;
	}
	.Panel--icon {
		margin-right: 10px;
	}
	.Panel--toggle {
		margin-left: auto;
		color: rgba(255, 255, 255, 0.5);
    	font-size: 18px;
	}
	.Panel--panel.opened .Panel--toggle {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.item--description {
		padding: 30px;
	}
	.item--frame .item--description .item--description-text * {
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 14px;
	}
	.space-between {
		-webkit-box-pack: justify;
    	justify-content: space-between;
	}
/**/
/* add comment */
/**/
.add-comment {
	margin-top: 60px;
}
.add-comment em {
	display: block;
	margin-top: 0.5em;
	font-size: 0.86em;
	line-height: 1;
	color: #ff6b6b;
}
span.cart-price {
	font-weight:bold;
	font-size:1.2em;
}
span.cart-quantity {
	font-weight:500;
	font-size:1.2em;
	color:#888;
}
.checkout-cart form.form-horizontal {
    padding: 0px 10px;
}
.form-horizontal legend {
    margin: 0px 0 10px;
    padding: 0.75em 30px;
    font-size: 1.8em;
    border-bottom: 2px dashed #e5e5e5;
    font-weight: 100;
    color: #000;
    text-align: center;
}

select.form-control {
	width: 100%;
    margin-top: 0;
    box-sizing: border-box;
    resize: none;
    border-radius: 7px;
    font-size: 1em;
    font-weight: 400;
    padding: 0 15px;
    transition: border 0.4s;
    border: none;
    background: #484a5a;
	box-shadow: none;
    color: #e5e8eb;
}
body.dark_mode select.form-control {
	color: #e5e8eb !important;
}
.radio {
	margin-top:10px !important;
}
.radio input { display: none; }
  
.radio input:checked ~ label { 
    /*box-shadow: inset .2rem .2rem .5rem #c8d0e7, inset -.2rem -.2rem .5rem #fff;*/
}
.radio label {
    box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7, -0.2rem -0.2rem 0.5rem #fff;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
	padding:0;
}
body.dark_mode .radio label {
	box-shadow: inset 0.3rem 0.3rem 0.6rem #131733, inset -0.2rem -0.2rem 0.5rem #171a30;
}
.radio label:after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    background: #9baacf;
    border-radius: 50%;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.radio input:checked ~ label:after, body.dark_mode .radio input:checked ~ label:after {
        background:#34b183;
}
.radio-label { 
	position: absolute;
    top: 10px;
    color: #333;
    left: 40px;
    font-size: 1.1em;
}
body.dark_mode .radio label:after {
	background: #373e66;
}
body.dark_mode .radio label:after {
	background: #373e66;
}
body.dark_mode .radio-label {
	color: #f5f5f5;
}
form .input-group, form .input-group:focus-within {
  	border: 1px solid #252532 !important;
    border-radius: 7px;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .form-horizontal .input-group input[type="text"]:focus, .form-horizontal .input-group input[type="text"]:hover, .form-horizontal .input-group input[type="email"]:focus, .form-horizontal .input-group input[type="email"]:hover, .form-horizontal .input-group input[type="tel"]:focus, .form-horizontal .input-group input[type="tel"]:hover, .form-horizontal .input-group input[type="password"]:focus, .form-horizontal .input-group input[type="password"]:hover {
    /*border: none !important;*/
}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
	border-right: none;
}

.form-horizontal textarea.form-control,
.form-inline input[type="text"],
.form-horizontal input[type="text"],
.form-horizontal input[type="password"],
.form-horizontal input[type="email"],
.form-horizontal input[type="tel"],
select.form-control {
	width: 100%;
    margin-top: 0;
    border: 1px solid rgba(165,165,165 ,.3);
    box-sizing: border-box;
    resize: none;
    border-radius: 7px;
    font-weight: 400;
	padding:0 15px;
	transition:border 0.4s;
}
.form-horizontal textarea.form-control:hover,
.form-horizontal input[type="text"]:hover,
.form-horizontal input[type="email"]:hover,
.form-horizontal input[type="tel"]:hover,
.form-horizontal input[type="password"]:hover
, select.form-control:hover {
	outline: none;
	border: 1px solid rgba(165,165,165 ,.5);
    background: none;
    box-shadow: none;
}
.form-horizontal textarea.form-control:focus,
.form-horizontal input[type="text"]:focus,
.form-horizontal input[type="email"]:focus,
.form-horizontal input[type="tel"]:focus,
.form-horizontal input[type="password"]:focus,
select.form-control:focus {
	background: none;
	border: 1px solid rgb(9 10 11);
	box-shadow: none;
}

body.dark_mode .form-horizontal textarea.form-control:focus,
body.dark_mode .form-horizontal input[type="text"]:focus,
body.dark_mode .form-horizontal input[type="email"]:focus,
body.dark_mode .form-horizontal input[type="tel"]:focus,
body.dark_mode .form-horizontal input[type="password"]:focus,
body.dark_mode select.form-control:focus {
	background: none;
	border: 1px solid rgb(255 255 255);
	box-shadow: none;
}
.form-horizontal input[type="text"]::placeholder,
.form-horizontal input[type="email"]::placeholder,
.form-horizontal input[type="tel"]::placeholder,
.form-horizontal input[type="password"]::placeholder {
	color:#a2a3a4;
	font-size:1em;
	opacity:.65;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	color:#9baacf !important;
}
.input-group-addon {
    padding: 8px 13px;
    font-weight: normal;
    line-height: 1;
    color: #171723;
    text-align: center;
    border: 1px solid rgba(165,165,165 ,.3);
    background: rgb(222 222 222 / 15%);
}
.input-group-addon {
	font-family:'Open Sans',sans-serif;
    font-size: 1.2em !important;
}
.checkout-cart .form-horizontal input[type="text"] {
    margin-top: 0;
}
label.control-label[for]:focus,
label.control-label[for]:active {
    color: #4371e5 !important;
}
.control-label {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #6b6b6b;
}
.form-horizontal .control-label {
	display: block;
    color: white;
    font-size: 16px;
    text-transform: initial;
    margin-bottom: 4px;
	text-align: left;
}
body.checkout-checkout .form-horizontal .control-label {
	display:inherit;
}
.form-control {
	width: 100%;
    cursor: text !important;
    padding: 5px 15px;
    background: rgba(165,165,165 ,.2);
    margin-bottom: 10px;
    font-size: 1em !important;
    font-weight: 400;
	height:42px;
	color: #4c6370 !important;
    border: none;
    box-shadow: none;
    transition: background .3s;
    border-radius: 7px;
}
#addVideoModal .form-control {
	background:rgba(165,165,165 ,.2) !important;
	border:1px solid rgba(165,165,165 ,.3);
}
.input-group {
	margin-bottom: 10px;
}
.form-group .input-group-btn>.btn {
	height: 42px;
	padding: 0.125rem 1.25rem;
	border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
textarea.form-control {
	padding:7px 15px !important;
}
.widget-box {	
    border: 1px solid #e5e5e5;
    background: white;
	margin-bottom:0;
	padding:10px;
	display:inline-block;
	box-shadow:0 4px 30px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	border-radius:7px;
}
.red-box {
	background: #ffe4dd;
	color: rgb(173, 20, 30) !important;
	margin-bottom: 20px;
	border: 1px solid #f57171;
	padding: 5px 20px;
	clear: both;
}
.red-box h1 {
	color:white;
	border-bottom:1px solid #ce5252;
}
.page-header-reactivate.fixed, .page-header-no-sponsor.fixed {
	position: fixed;
    top: 55px;
    width: 100%;
    left: 0;
    border-radius: 0;
}
.reactivate-box {
	padding: 8px 0px;
    color: white;
	font-size:1em;
	text-align:left;
}
.reactivate-box p{
	color: #07963d !important;
}
.reactivate-box a {
	font-weight:bold;
	text-decoration:underline;
}
.reactivate-button {
	background: white;
    border-radius: 7px;
    text-transform: uppercase;
    padding: 6px 20px;
    float: right;
    letter-spacing: 2px;
    font-weight: 700;
    width: 100%;
	border: 3px solid white;
	transition: border .3s;
}
.reactivate-button:hover {
	border: 3px solid #a53435;
}
.shadow {
	box-shadow:0px 1px 5px rgba(130, 119, 119,.2);
	border:none;
}
.achievements-box {
    text-align: left;
    border: 1px solid #e5e5e5;
    padding: .8em 2em;
	padding-left:95px;
}
.achievements-box h2 {
	padding-top:5px;
	line-height:.8em;
	border-bottom:none;
	padding-bottom:0;
}
.achievements-box p {
	line-height:2em;
}
.ach-earnings {
    background: #fff url(../image/Icons-Videorista-Earnings.png) no-repeat;
	background-size:contain;
}
.ach-producers {
    background: #fff url(../image/Icons-Videorista-Producers.png) no-repeat;
	background-size:contain;
}
.ach-tickets {
    background: #fff url(../image/Icons-Videorista-Tickets.png) no-repeat;
	background-size:contain;
}
.ach-share {
    background: #fff url(../image/Icons-Videorista-Videos.png) no-repeat;
	background-size:contain;
}
.ach-star {
    background: #fff url(../image/Icons-Videorista-Star.png) no-repeat;
	background-size:contain;
}
.ach-paypal {
    background: #fff url(../image/Icons-Videorista-PayPal.png) no-repeat;
	background-size:contain;
}
.ach-bills {
    background: #cce8dd url(../image/Icons-Videorista-Bills.png) no-repeat;
	background-size:contain;
	border: 3px solid #8fddb0;
}
.lt {
	color:#999;
}
.gold {
	color:#00e363;
}
.smallIcon {
    color: #00e363;
    font-size: 25px;
	float:left;
	padding-right:10px;
	padding-top:5px;
}
.stars-box {	
    border: none;
    background: url(../image/Estrellas-Videorista.jpg);
	margin-bottom:20px;
	padding:5px 20px;
    border-radius: 1em;
	background-size:cover;
}
.stars-box h1 {
	font-size:3em;
	color:#fff;
	border:none;
	text-align:center;
	margin-bottom:0;
	font-weight:bold;
	line-height:.8em;
	padding-top:30px;
}
.stars-box h2 {
	font-size:2em;
	padding-top:0;
	font-weight:100;
	color:#fff;
	border:none;
	text-align:center;
	text-shadow: 0px 0px 5px #333;
}
.add-comment textarea,
.add-comment input[type="url"],
.add-comment input[type="text"],
.add-comment input[type="email"] {
	width: 100%;
	margin-top: 30px;
	padding: 0.5em 1em;
	border: 1px solid #cdcdcd;
	box-sizing: border-box;
	resize: none;
}
.add-comment input[name="hidden"] {
	display: none;
}
.add-comment input[type="submit"] {
	margin-top: 30px;
	padding: 0.5em 1em;
	background: rgba(0,0,0,0.5);
	font-size: 1.28em;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	transition: background 0.3s;
}
.add-comment input[type="submit"]:hover {
	background: rgba(0,0,0,0.7);
}
.add-comment .head {
	padding-bottom: 0.5em;
	border-bottom: 1px solid #efefef;
	font-size: 1.57em;
	line-height: 1;
	font-weight: 700;
	color: #556270;
}
.add-comment .message {
	display: none;
	font-size: 1.14em;
	text-align: center;
}
.add-comment .message i {
	display: block;
	width: 2em;
	margin: 1em auto 0.5em;
	text-align: center;
	font-size: 3em;
	line-height: 2em;
	background: #ffc41c;
	color: #000;
}
.add-comment.submitted fieldset {
	display: none;
}
.add-comment.submitted .message {
	display: block;
}
@media screen and (max-width: 1229px) { /* laptop */
	.add-comment {
		margin-top: 40px;
	}
	.add-comment textarea,
	.add-comment input[type="url"],
	.add-comment input[type="text"],
	.add-comment input[type="email"],
	.add-comment input[type="submit"] {
		margin-top: 20px;
	}
}


/**/
/* contacts map */
/**/
.contacts-map {
	position: relative;
	margin-bottom: -120px;
	padding-top: 40%;
	background: #eee;
}
.contacts-map > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.contacts-map + div {
	position: relative;
}
@media screen and (max-width: 767px) { /* phone */
	.reactivate-box {
		font-size:1.3em;
	}
	.contacts-map {
		margin-bottom: 0;
	}
	
	.form-horizontal .control-label {
		font-size: 1.2em;
	}
	.order-xs-1 {
		order: 1;
	}
	.order-xs-2 {
		order: 2;
	}
	
	.order-xs-3 {
		order: 3;
	}
}


/**/
/* error-404 */
/**/
.error-404 {
	margin-bottom: -90px;
	background: #00e363;
}
.error-404 p {
	position: absolute;
	top: 40%;
	right: 0;
	width: 370px;
	font-size: 1.28em;
	line-height: 1.25;
	font-weight: 700;
	text-transform: uppercase;
	opacity: 0.3;
}
.error-404 i {
	position: absolute;
	bottom: 62px;
	left: 50%;
	width: 42px;
	margin-left: -415px;
	font-size: 24px;
	line-height: 42px;
	text-align: center;
	color: rgba(0,0,0,0.5);
}
.error-404 form {
	position: relative;
	padding-top: 38.8%;
	background: url(../img/404.png);
	background-size: cover;
}
.error-404 input {
	position: absolute;
	bottom: 60px;
	left: 50%;
	width: 830px;
	margin-left: -415px;
	padding-left: 52px;
	border-bottom: 2px solid rgba(0,0,0,0.5);
	box-sizing: border-box;
	line-height: 3em;
}
.error-404 input::-moz-placeholder {
	color: rgba(0,0,0,0.3);
	opacity: 1;
}
.error-404 input:-ms-input-placeholder {
	color: rgba(0,0,0,0.3);
}
.error-404 input::-webkit-input-placeholder {
	color: rgba(0,0,0,0.3);
}
.error-404 .grid-cont {
	padding-top: 15%;	
}
@media screen and (max-width: 1229px) { /* laptop */
	.error-404 {
		margin-bottom: -60px;
	}
	.error-404 p {
		width: 280px;
	}
	.error-404 i {
		bottom: 42px;
		margin-left: -330px;
	}
	.error-404 input {
		bottom: 40px;
		width: 660px;
		margin-left: -330px;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.error-404 p {
		width: 240px;
	}
	.error-404 i {
		bottom: 32px;
		width: 30px;
		margin-left: -280px;
		font-size: 20px;
		line-height: 30px;
	}
	.error-404 input {
		bottom: 30px;
		width: 560px;
		margin-left: -280px;
		padding-left: 40px;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.error-404 {
		margin-right: -10px;
		margin-left: -10px;
	}
	.error-404 p {
		display: none;
	}
	.error-404 i {
		bottom: 11px;
		margin-left: -130px;
	}
	.error-404 input {
		bottom: 9px;
		width: 260px;
		margin-left: -130px;
	}
}


/*----------------------------------------------*/
/*                    WIDGETS                   */
/*----------------------------------------------*/

/**/
/* widget */
/**/
.widget {
	margin-top: 0px;
	width: 300px;
	padding: 20px;
	box-sizing: border-box;
}
.mblog-article .page-content .col-sm-3, .affiliate-tracking .col-sm-3, .affiliate-account .col-sm-3 {
	padding-left:0;
}
.widget .head {
	margin-bottom: 15px;
	font-size: 1.39em;
	line-height: 1.3em;
	font-weight: 100;
	margin-top:-5px;
	transition: opacity 0.3s;
}
.widget .cont {
	transition: opacity 0.3s;	
}
.widget + .widget {
	margin-top: 0;
}
@media screen and (max-width: 1229px) { /* laptop */
	.grid-row {
		margin:0;
	}
	.widget {
		width: auto;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.widget {
		width: auto;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.widget {
		width: auto;
	}
}


/**/
/* widgets switcher */
/**/
.widgets-switcher {
	margin-top: 30px;
	width: 3em;
	height: 3em;
	background: #000;
	line-height: 3em;
	text-align: center;
	color: #fff;
}
.widgets-switcher:hover {
	color: #00e363;
}
.widgets-switcher + .widget {
	margin-top: 0;
}


/**/
/* widgets area */
/**/
.widgets-area {
	position: relative;
	right: -1px;
	margin-top: -120px;
}
@media screen and (max-width: 767px) { /* phone */
	.widgets-area {
		margin-top: 10px;
	}
}


/**/
/* witgets holder */
/**/
.witgets-holder {
	position: relative;
	right: -1px;	
}
.witgets-holder.hidden .head,
.witgets-holder.hidden .cont {
	opacity: 0;
}


/**/
/* widget socials */
/**/
.widget-socials {
	background: #3b5998;
	padding-bottom:0;
	color:white;
}
.widget-socials .head {
	margin: 0em 0 0.5em;
	font-size: 1.57em;
	font-weight: 700;
	color: #fff;
    font-family: 'Circular', sans-serif;
}
.widget-socials .cont > div{
    font-size: 1.1em;
    font-weight: 300;
    font-family: 'Circular', sans-serif;
}
.page-footer .widget-socials {
	padding-bottom: 0;
    padding-top: 0;
    color: white;
    width: auto;
    display: table;
	background:none;
}
.page-footer .widget-socials .fb_iframe_widget{
	border:none;
}
.widget-socials .fb_iframe_widget {
	border:2px solid #29487d;
}
.widget-socials a {
	width: 61px;
	height: 61px;
	font-size: 28px;
	line-height: 61px;
	color: #fff;
	transition: opacity 0.3s;
}
.widget-socials a + a {
	margin-left: 6px;
}
.widget-socials a:hover {
	opacity: 0.8;
}
.widget-socials .fa-twitter {
	background: #56a3d9;
}
.widget-socials .fa-facebook {
	background: #3b5998;
}
.widget-socials .fa-linkedin {
	background: #007bb6;
}
.widget-socials .fa-pinterest {
	background: #cb211d;
}
.widget-socials .fa-instagram {
	background: #cd5959;
}
@media screen and (max-width: 1229px) { /* laptop */
	.widget-socials a {
		width: 47px;
		height: 47px;
		line-height: 47px;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.widget-socials a {
		width: 34px;
		height: 34px;
		font-size: 20px;
		line-height: 34px;
	}
}


/**/
/* widget events */
/**/
.widget-events {
	background: #000;
	color: #898790;
}
.widget-events li {
	position: relative;
	padding: 1em 0;
}
.widget-events li:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1.5em;
	margin-left: -1px;
	border-left: 2px solid #2b2b2b;
}
.widget-events a {
	position: relative;
	display: block;
	padding-left: 4em;
}
.widget-events a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 3em;
	height: 3em;
	border: 2px solid #2b2b2b;
	border-radius: 50%;
	background: #000;
	box-sizing: border-box;
}
.widget-events .active:before {
	background: #00e363;
}
.widget-events span {
	display: block;
	color: #fff;
}
.widget-events a:hover span {
	text-decoration: underline;
}
.widget-events .head {
	color: #fff;
}


/**/
/* widget tags */
/**/
.widget-tags {
	padding-top: 14px;
	padding-left: 14px;
}
.widget-tags {
	background: #556270;
}
.widget-tags a {
	display: inline-block;
	vertical-align: top;
	margin: 6px 0 0 6px;
	padding: 0 1em;
	font-size: 1.14em;
	line-height: 2.5em;
	background: #94a1b0;
	color: #fff;
}
.widget-tags a:hover {
	text-decoration: underline;
}

/**/
/* widget facebook */
/**/

.widget-facebook {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-top: 10px solid #dddfe2;
    margin: 20px 0;
    border-radius: 6px;
	padding:10px 15px;
}
.widget-facebook p{
    font-size: .9em;
    line-height: 1.35em;
    margin-bottom: 10px;
    font-weight: 400;
    /* font-family: Helvetica Neue, Helvetica, Arial, sans-serif; */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.widget-facebook .head{
    font-size:.9em;
	font-weight:600;
	font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
	padding:3px 10px;
	margin-bottom:0;
}
.widget-facebook .website{
    font-size:.8em;
	color:#90949c;
	padding:3px 10px;
	margin-bottom:10px;
}
.widget-facebook li a{
    font-size: 1.14em;
    line-height: 1em;
    margin-top: 10px;
    padding: 0;
    background: none;
    text-decoration: none;
}
.widget-facebook li a:hover{
    text-decoration: underline;
	color:white;
}
.widget-facebook img {
	margin-bottom: 10px;
	width: 100%;
}
.widget-facebook .cont {
	position: relative;
	border: 1px solid rgba(165,165,165 ,.3)!important;
    border-radius: 4px;
    box-shadow: 0px 0px 5px #ddd;
	-webkit-box-shadow:0px 0px 5px #ddd;
}
.widget-facebook button {
	padding: 0 1.5em;
    background: #627aad;
    font-size: 1.28em;
    line-height: 2.5em;
    color: #fff;
    width: 100%;
    margin-top: 10px;
    border-radius: 4px;
}
.widget-facebook button:hover {
	text-decoration: underline;
}

/**/
/* widget optin */
/**/

input#input-landing-timer {
	width: 80px;
    text-align: center;
    display: inline-block;
    margin: 0 5px;
    border: none;
    border-bottom: 2px solid #167ac6;
    box-shadow: none;
    height: 35px;
	font-weight:600;
	padding:0;
}
input#input-landing-timer:focus {
    border: none !important;
    border-bottom: 2px solid #167ac6 !important;
}
.phone-container {
    margin: 0px auto;
    width: 465px;
    position: relative;
    top: 0px;
    transition: top 0.3s linear;
}
#theme-bg {
	background-size: cover !important;
}
#theme-sep.divider h1 {
	color: white;
    border: none;
    font-size: 1.2em;
    margin-bottom: 0;
}
#bg_overlay {
	background:rgba(0,0,0,.4);
	display:inline-block;
}
#mobsite #bg_overlay {
	display:block;
    height: 100%;
}
body.funnel-squeeze #mobsite #bg_overlay {
	min-height: 100vh;
}
.widget-optin {
    background: #fff;
    margin: 20px 0;
    border-radius: 0;
	padding:140px 75px 45px;
	width:100%;
	border-bottom:2px solid #e8f0f6;
	background: url("/image/catalog/Videofunnel/white_iphone.png") no-repeat scroll left top transparent;
}
#autoscroller::-webkit-scrollbar {
	width:0px;
	background:transparent;
}
.edgeless {
	padding:133px 63px 0px !important;
}
.edgeless-home {
	padding:133px 64px 120px 63px !important;
}
.edgeless-home .dark-box {
	padding:0 10px;
}
.edgeless-home .dark-box h1 {
	color: white;
    border: none;
    margin: 0;
    font-family: Roboto Slab;
}
.noborder {
	border:none !important;
}
.widget-color {
	background:#999;
}
.widget-optin p{
    font-size:.9em;
	line-height:1.35em;
	font-weight:400;
}
.widget-optin .PreviewOptinButton, .widget-optin .PreviewLandButton{
	padding: 10px 20px;
    border-radius: 5px;
    margin-top: 7px;
}
.widget-optin .PreviewOptinHead{
	font-weight:300;
	font-size: 1.3em;
	border: none;
	margin-bottom:0;
	padding:10px;
}
.widget-optin .PreviewOptinTitle{
    font-weight:600;
	color:#2981d6;
	padding:10px;
	font-size: 1.1em;
}
.widget-optin .PreviewOptinText{
	padding:10px;
}
.widget-optin li a{
    font-size: 1.14em;
    line-height: 1em;
    margin-top: 10px;
    padding: 0;
    background: none;
    text-decoration: none;
}
.widget-optin li a:hover{
    text-decoration: underline;
	color:white;
}
.widget-optin img {
	width: 100%;
	padding-left:15px;
}
.widget-optin .green-box {
	margin-left:15px;
	padding:5px;
	color:white;
}
.widget-optin .cont {
	position: relative;
	border: 1px solid rgba(165,165,165 ,.3)!important;
    border-radius: 4px;
    box-shadow: 0px 0px 5px #ddd;
	-webkit-box-shadow:0px 0px 5px #ddd;
}
section#info #mobsite li .widget-optin button {
	padding: 0 1.5em;
    background: #2ad890;
    font-size: 1.1em;
    line-height: 2.5em;
    color: #fff;
    min-width: 50%;
    margin-top: 10px;
    border-radius: 4px;
}
.widget-optin button:hover {
	text-decoration: underline;
}
.widget-land-head {
    font-family: 'Roboto Slab',palatino,serif;
	font-size:1.4em;
	line-height:1.4;
	border:none;
	margin-bottom:0;
}
p.widget-land-text {
	font-size: 15px;
    line-height: 25px;
}
span.widget-land-bull {
	font-family: 'Roboto',arial,sans-serif;
	margin-bottom:5px !important;
	line-height:1.9em;
	font-weight:100;
}
ul.widget-land-s2-text {
    text-align: left;
    margin-left: 25px;
}
ul.widget-land-s2-text>li {
    margin-bottom: 15px;
}
ul.widget-land-s2-text>li:before {
    content: '\f061';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right:5px;
	margin-left:-20px;
    color:white;
}
h1.widget-land-s2-head {
	border:none;
	margin-bottom:0;
}
h1.widget-land-div, h1.widget-land-video2 {
	color: white;
    border: none;
    font-family: Roboto Slab;
    font-size: 1.3em;
    padding: 10px;
	margin-bottom:0;
}
p.widget-land-div {
	color: white;
    font-size: 1.1em;
    padding: 10px;
}
.widget-land-button {
	width:80% !important;
}

/**/
/* widget account */
/**/
.owl-wrapper-outer {
	border:0 !important;
	box-shadow:none !important;
}
.widget-account, .widget-finance {
	position: relative;
	color: #fff;
}
.widget-account {
	background: #2a9a8b;
}
.widget-finance {
	background: #d45e5a;
}
.widget-download {
    background: #313444;
    margin: 20px 0;
    color: white;
    border-radius: 10px;
}
.widget-account li a, .widget-finance li a, .widget-download li a{
    font-size: 1.14em;
    line-height: 1em;
    margin-top: 10px;
    padding: 0;
    background: none;
    text-decoration: none;
}
.widget-account li a:hover, .widget-finance li a:hover, .widget-download li a:hover{
    text-decoration: underline;
	color:white;
}
.widget-account img, .widget-finance img {
	float: right;
	margin-top: -10px;
}
.widget-download img {
	margin-bottom: 10px;
}
.widget-account .cont, .widget-finance .cont, .widget-download .cont {
	position: relative;
}
.widget-account button, .widget-finance button, .widget-download button {
	position: absolute;
	right: -20px;
	bottom: -20px;
	padding: 0 1.5em;
	background: #008bbb;
	font-size: 1.28em;
	line-height: 2.5em;
	color: #fff;
}
.widget-account button:hover, .widget-finance button:hover, .widget-download button:hover {
	text-decoration: underline;
}
@media screen and (max-width: 979px) { /* pad */
	.widget-account img, .widget-finance img, .widget-download img {
		display: none;
	}
}

/**/
/* widget weather */
/**/
.widget-weather {
	position: relative;
	background: #00e363;
	color: #fff;
}
.widget-weather img {
	float: right;
	margin-top: -10px;
}
.widget-weather .min {
	margin-top: 1em;
	padding-right: 100px;
	font-size: 1.14em;
}
.widget-weather .temp {
	font-size: 5.42em;
	line-height: 1;
}
.widget-weather .cont {
	position: relative;
}
.widget-weather .temp span {
	font-size: 0.5em;
}
.widget-weather button {
	position: absolute;
	right: -20px;
	bottom: -20px;
	padding: 0 1em;
	background: #319e5f;
	font-size: 1.28em;
	line-height: 2.5em;
	color: #fff;
}
.widget-weather button:hover {
	text-decoration: underline;
}
@media screen and (max-width: 979px) { /* pad */
	.widget-weather img {
		display: none;
	}
}


/**/
/* widget poll */
/**/
.well {
	border-radius:7px;
	background:#fff;
	border:1px solid #e5e5e5;
	margin-top:20px;
}
body.dark_mode .well {
	border-radius:7px;
	background: rgb(53 53 53);
    border: 1px solid rgba(120,117,140 ,.25);
    box-shadow: 0 5px 15px 0 rgb(43 45 49 / 10%);
	margin-top:20px;
}
#column-left {
	padding-left:0;
}
.widget-poll {
	padding-bottom:5px;
	background:#ff6b6b;
	color:#fff;
}
.widget-poll p {
	font-size: 1em;
	margin-bottom:15px;
}
.widget-poll button, .widget-poll a {
	position: absolute;
	right: -20px;
	bottom: -5px;
	padding: 0 1.5em;
	background: #e35858;
	font-size: 1.28em;
	line-height: 2.5em;
	color: #fff;
	transition: background 0.5s;
}
.widget-poll button.btn-filter {
	position: relative;
    float: right;
	bottom:20px;
    padding: 0 1em;
    background: #333;
    font-size: 1.28em;
    line-height: 2.5em;
    color: #fff;
	transition: background 0.5s;
}
.widget-poll button:hover {
	background: #ca3d3d;
}
.widget-poll .cont, .list-group {
	position: relative;
	padding-bottom: 10px;
}
.menu-icons {
	background: #ff6b6b;
	height: 70px;
	margin-bottom:0;
	margin-top:20px;
}
.menu-icons a {
	background: #ff6b6b !important;
    width: auto;
    border-radius: 0;
    padding: 20px;
    float: left;
}
.facebook-box {
	background:#3fce78;
	color:white;
	margin-bottom:20px;
}
.dashboard-box {	
    text-align: center;
    border: 1px solid #e5e5e5;
    padding: 2em;
    background: #fff;
    border-radius: 1em;
}
.dashboard-green-box {	
    text-align: center;
    padding: 2em;
    background: #25b967;
    border-radius: 1em;
	color:white;
    box-shadow: 10px 10px 1px #cfcfcf;
	margin-bottom:40px;
}
.dashboard-green-box .info {	
    text-align: left;
	font-size:1.2em;
}
.dashboard-green-box .info h2 {	
    color:white;
	border:none;
	margin-top:1em;
}
.dashboard-green-box .blue-btn {
	font-weight: 100;
    padding: 10px 1em;
    background: #4687d8;
    font-size: 1.2em;
    line-height: 3em;
    color: #fff;
    transition: background 0.3s, color 0.3s;
    text-decoration: none !important;
	border-radius:.5em;
}
@media screen and (max-width: 767px) { /* phone */
.dashboard-green-box {
	padding: 2em !important;
    box-shadow: none;
    margin-bottom: 0;
    border-radius: 0;
}
.copied-btn {
	left:-30px !important;
}
} /* END PHONE */
.copy-btn {
	padding: 0px 1em;
    background: #758efe;
    font-size: 1.2em;
    line-height: 2em;
    color: #fff;
    transition: background 0.3s, color 0.3s;
    text-decoration: none !important;
    border-radius: .5em;
}
.copied-btn {
	padding: 0px .65em;
	cursor:default;
    margin-top: 2px;
    font-size: 1.2em;
    line-height: 2em;
    color: #fff;
    transition: background 0.3s, color 0.3s;
    text-decoration: none !important;
    border-radius: .5em;
    position: absolute;
    top: 0;
	left:0px;
    display: none;
    background: #18eab4;
}
.copycode {
	resize:none !important;
	height:31px;
	white-space: nowrap;
    overflow-x: scroll;
	width:100%;
	font-weight:400;
    border: 2px solid rgba(255,255,255,.75);
    border-radius: .5rem;
    padding: 20px 10px 20px 30px;
    background: rgba(255,255,255,.35);
}
.links-box {
    display: flex;
    margin-bottom: 20px;
    background: #313444;
    padding: 10px 5px;
    clear: both;
	color:#d4e6fb;
	margin-top:20px;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(50,50,93,.1);
}
.links-box .preview {
	padding-top:10px;
	display:inline-block;
}page-
.blue-link {
	color:#39F !important;
	text-decoration:underline !important;
	font-weight:600;
}
@media screen and (max-width: 767px) { /* phone */
	.dashboard-blue-box {
		padding: 15px 15px !important;
		margin: 5px 10px;
		box-shadow: none !important;
		width:93% !important;
	}
	.dashboard-blue-box p {
		font-size:1.5em !important;
	}
	body.account-account .page-content h1 {
		display:none;
	}
	body.account-account .dashboard .grid-col-3 {
		width: 49% !important;
	}
	.white-box .heading {
		font-size: 1.4rem !important;
    	line-height: 1.2em !important;
    	padding-left: 35px !important;
    	padding-top: 4px !important;
	}
	.white-box p.description {	
		font-size: 1.25rem !important;
	}
}
.lang-tabs {
	display:inline-flex;
}
.lang-tabs > li > a {
	background: #f1f1f1;
    font-size: 66%;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
	margin-right:1em;
}
.lang-tabs > li.active > a {
    color: #2643e9;
    background-color: rgba(203,210,246,.5);
}
.white-tabs {
	display:flex;
    box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important;
    border: .0625rem solid rgba(0,0,0,.05);
    background-color: #eaecf3;
    background-clip: border-box;
	border-radius:1rem;
}
.white-tabs > li {
    flex: 1 1 auto;
    text-align: center;
    padding: 10px;
}
.white-tabs > li > a {
	padding: 1rem;
    border: none;
    border-radius: .7rem;
    background: none;
    margin-right: 0;
    font-weight: 400;
    transition: all .4s;
}
.white-tabs > li:last-child > a {
    box-shadow: none;
}
.white-tabs>li.active>a, .white-tabs>li.active>a:focus, .white-tabs>li.active>a:hover {
    border: none;
    padding-bottom: .85rem;
    background: #eaecf3;
    color: #5e72e4;
    box-shadow: inset 6px 6px 12px #d2d9e2, inset -6px -6px 12px #fdfeff;
}
.white-tabs>li>a:hover {
	background:none;
	color:#333;
}
.profile-box {	
	display: flex;
	flex-direction: column;
	position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    padding: 0;
    flex: 1 1 auto;
    transition: transform .35s ease;
    border-radius: 10px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15), 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 8px 40px rgba(0, 0, 0, 0.04);
}
body.dark_mode .profile-box {	
	background-color: #252526;
    border: 1px solid rgb(49 49 49);
}
#access-academy:hover .white-box, #access-funnel:hover .white-box, #access-fx:hover .white-box, #access-trabiz:hover .white-box, #access-community:hover .white-box, #access-live:hover .white-box {
	transform: translateY(-10px) scale(1.05);
}

#access-academy::before, #access-funnel::before, #access-fx::before, #access-trabiz::before, #access-community::before, #access-live::before{
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: opacity 0.5s linear;
  opacity: 0;
	border-radius:1.5em;
}
#access-academy::before {
	background-image:-webkit-radial-gradient(20% 10%, #179966 10%, #290fa1 40%, #5447bc 70%, #3d30a2 90%)
}
#access-fx::before {
	background-image:-webkit-radial-gradient(20% 10%, #179966 10%, #290fa1 40%, #5447bc 70%, #3d30a2 90%)
}
#access-community::before {
	background-image:-webkit-radial-gradient(20% 10%, #174599 10%, #290fa1 40%, #5447bc 70%, #3d30a2 90%)
}
#access-live::before {
	background-image:-webkit-radial-gradient(20% 10%, #971799 10%, #290fa1 40%, #5447bc 70%, #3d30a2 90%)
}
#access-funnel::before {
	background-image:-webkit-radial-gradient(20% 10%, #752148 10%, #290fa1 40%, #5447bc 70%, #3d30a2 90%)
}
#access-academy:hover::before, #access-funnel:hover::before, #access-fx:hover::before, #access-trabiz:hover::before, #access-community:hover::before, #access-live:hover::before {
  opacity: 1;
}
#access-academy, #access-funnel, #access-fx, #access-trabiz, #access-community, #access-live {
    border-radius: .5em;
    padding: 1px;
    display: block;
    background-image: none;
    transition: all .2s ease-in-out;
	-webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
  position: relative;
  z-index: 1;
}
.white-box {	
    position: relative;
    min-width: 0;
    min-height: 140px;
    word-wrap: break-word;
    padding: 1.35rem;
    flex: 1 1 auto;
    border-radius: 10px;
    transition: all .2s ease-in-out;
}
.white-box.bg-gradient-primary:hover {
    border: .0625rem solid rgba(93, 132, 247,0);
	box-shadow:6px 6px 22px #a5b1f7, -6px -6px 12px #fdfeff, inset 6px 6px 12px #6487ea, inset -6px -6px 12px #a2b8f7;
}
.white-box.bg-gradient-primary:hover .fa, .white-box.bg-gradient-primary:hover .fas {
	color: #fff;
    text-shadow: 0px 0px 15px rgba(255, 255, 255,.5);
}
.white-box.no-glow:hover .fa, .white-box.no-glow:hover .fas {
	color: inherit;
    text-shadow: none;
}
.white-box.no-hover:hover {
	transform: none;
	text-decoration:none;
}
.white-box .heading {	
    letter-spacing: .025em;
    font-size: 1.2rem;
    font-weight: 400;
	margin: auto auto;
    padding: 2px 0 0 40px;
    line-height: 1.5em;
}
.white-box .icon {
	float: left;
}
.white-box .amount {	
    position: absolute;
    padding-top: .7rem;
    padding-left: 80px;
	left:0;
	top: 16px;
    font-size: 1.75rem;
}
.white-box p.description {	
    font-size: .875rem;
    text-align: left;
    margin: 1rem 0 0;
}
.white-box > .bigIcon {	
    color: #fff;
}
.white-box > img {	
    padding-bottom:10px;
	margin:0 auto;
}
.round-box {	
    border: none;
    background: white;
	margin-bottom:20px;
	padding:15px 40px;
	clear:both;
	border-radius:1.15em;
	position: relative;
}
.profile-page .card-profile .card-profile-image img, .shadow {
    box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important;
	transition:all .3s ease;
}
.nav-tabs.nav-profile {
	border-bottom: none !important;
}
.profile-page .nav-profile {
    display: flex;
    justify-content: space-evenly;
}
.tab-content > .tab-pane > div {
    margin-bottom: 20px;
}
.img-thumbnail {
    border: 1px solid rgb(133 131 155 / 50%);
	transition: border .3s;
	display: flex;
    justify-content: center;
    align-items: center;
}
.img-thumbnail:hover {
	border: 2px solid #ffa907;
}
#header-menu-profile > .img-thumbnail:hover {
	border:1px solid rgb(133 131 155 / 50%);
}
.companybanner {
	min-height: 390px;
}
.shadow-lg--hover:hover{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}
.card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border-radius: 1.5rem;
    position: relative;
    /* border: solid 1px #ddd; */
    backdrop-filter: blur(20px);
    background: rgba(200,200,200,.1);
    -webkit-backdrop-filter: blur(25px);
    border: 2px solid rgba(255,255,255,.2);
    box-shadow: 23px 23px 56px rgb(26 37 76 / 30%);
}
.card img {
	border-radius:1.5rem 1.5rem 0 0;
}
.card-body {
    flex: 1 1 auto;
    padding: 1.5rem;
}
.card-body h6 {
	display: -webkit-box;
    max-width: 400px;
    height: 49.2px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.625;
}
.card-body .amount {
    position: absolute;
    padding-left: 5.5rem;
    left: 0;
	font-size: 35px;
}
.card-body li {
	line-height:2.5rem;
}
.card-body p.description {
	color: white;
}
.card-lift--hover:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:all .15s ease}
@media screen and (prefers-reduced-motion:reduce){.card-lift--hover:hover{transition:none}}
.icon-shape {
    padding: 12px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.icon-shape-primary {
    color: #2992fa;
    background-color: rgb(41 146 250 / 35%);
}
.icon-shape-success {
    color: #43d08e;
    background-color: rgba(84,218,161,.35);
}
.icon-shape-warning {
    color: #ff3709;
    background-color: rgba(252,140,114,.5);
}
.icon {
    width: 2rem;
    height: 2rem;
}
.icon-lg {
    width: 4rem;
    height: 4rem;
}
.icon-shape.icon-lg i, .icon-shape.icon-lg svg {
    font-size: 1.625rem;
}
.badges {
	width: 220px;
	display: none;
}
.btn-feed {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    gap: 8px;
    -webkit-tap-highlight-color: transparent;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    height: 40px;
    width: 40px;
    padding: 0px;
    border-radius: 50%;
    color: rgb(144, 144, 144);
    border: none;
    background-color: transparent;
    transition: background-color 300ms ease 0s;
}
.badge-tags-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.badge-tags-action {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: right;
    position: absolute;
    height: 40px;
    right: 0px;
    top: 0px;
    padding-left: 32px;
    gap: 8px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(238 238 243) 15%);
}
.badge-tags-container {
    height: 40px;
    width: 100%;
    padding-right: 40px;
    overflow: hidden;
    position: relative;
}
.badge-tags-container.active {
    height:auto;
}
.badge-tags:hover {
    color:#000 !important;
    background:#d7d7db;
}
.badge-tags.active {
    background:#000;
    color:#fff;
}
.badge-tags.active:hover {
    background:#000;
    color:#ffce3c !important;
}
.filter-dropdown {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.btn-feed:hover {
    background-color: rgb(228, 228, 228);
    color: rgb(32, 33, 36);
}
body.dark_mode .btn-feed:hover {
    background-color: rgb(78 78 78);
}
.badge-tags {
    width: fit-content;
    cursor: pointer;
    height: 40px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 14px;
    background: rgb(255, 255, 255);
    border-radius: 25px;
    transition: background-color 100ms ease 0s;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: rgb(144, 144, 144);
    border: 1px solid rgb(228, 228, 228);
    white-space: pre;
}
@media screen and (max-width: 767px) { /* phone */
	.profile-page h2 {
		line-height: inherit;
	}
	.badges {
		width: 100%;
		padding-right: 25px;
	}
	.companybanner {
		margin-top: 0;
    	min-height: 180px;
	}
	.avatar img {
		height: 95px;
    	padding: 3px;
	}
	#profile-avatar {
		max-height: 120px;
	}
	#profile-avatar.avatar img {
		height: 120px;
		width: 120px;
	}
}
.bg-gradient-neutral, .bg-gradient-white {
    background: linear-gradient(87deg,#fff 0,#fff 100%)!important;
}
#section-funnel.bg-gradient-primary {
    background: linear-gradient(90deg,#608aff 0,#93adf8 100%)!important;
}
.bg-gradient-primary {
    background: linear-gradient(150deg,#608aff 0,#93adf8 100%)!important;
}
.bg-gradient-primary.soft-shadow {
	box-shadow: 6px 6px 22px #a5b1f7, -6px -6px 12px #fdfeff;
}
.bg-gradient-success {
    background: linear-gradient(150deg,#1cb397 0,#65eaad 100%)!important;
}
.bg-gradient-warning {
    background: linear-gradient(150deg,#fb6340 0,#fbb140 100%)!important;
}
.bg-gradient-danger {
    background: linear-gradient(150deg,#f72b75 0,#f952ae 100%)!important;
}
.bg-gradient-info {
    background: linear-gradient(150deg,#1174ef 0,#11cdef 100%)!important;
}
.bg-gradient-default {
    background: linear-gradient(150deg,#586d8f 0,#8c9eb5 100%)!important;
}
.bg-default {
    background: #19214d!important;
}
.text-white {
    color: #fff!important;
}
.text-primary {
    color: rgb(211 155 0);
}
.text-novva {
	background-image: linear-gradient(122.62deg,#ffdc00 7.02%,#f68f2b 25.98%,#bb18ed 72.98%,#1bdffd 92.98%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
body.dark_mode .cls-1 {
	fill: #ffffff !important;
}
body.dark_mode .text-primary {
	color: #fbe617 !important;
	background-image: linear-gradient(122deg,#fbe617 7.02%,#f9a21e 92.98%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
body.light_mode .text-primary {
	color: #5173ff;
}
.text-success {
    color: #3cfab0!important;
}
.text-warning {
    color: #fb6340!important;
}
.text-danger {
    color: #f72b75!important;
}
.text-info {
    color: #11cdef!important;
}
.text-default {
    color: #586d8f!important
}
.rounded-circle {
    border-radius: 50%!important;
	font-size: 1rem;
}
.green {color:#43ce88 !important;}
body.light_mode .green {color:#00bc6b !important;}
.red {color:#ff2323 !important;}
.yellow {color:#f9c126 !important;}
.blue {color:#3a92f3 !important;}
.purple {color:#8098fe !important;}
.limegreen {
	color:#14e96f !important;	
}
body.common-home .page-header-top .secondary-nav li .alt.purple, body.common-home .page-header-top .secondary-nav li .alt.yellow {
	color: #fff !important;
}
body.common-home .page-header-top.fixed .secondary-nav li .alt.purple {
	color: #8098fe !important;
}
body.common-home .page-header-top.fixed .secondary-nav li .alt.yellow {
	color: #f9c126 !important;
}
.singlebox {	
    margin:0 auto;
	float:none;
}
.firstbox {	
    padding-left:0;
}
.lastbox {	
    padding-right:0;
}
.dashboard-blue-box .box-btn {
	font-weight: 100;
    padding: 10px 1em;
    background: #2d56ad;
    font-size: 1.2em;
    line-height: 3em;
    color: #fff;
    transition: background 0.3s, color 0.3s;
    text-decoration: none !important;
	border-radius:.5em;
}
.dashboard-box .blue-btn {
	width: 100%; 
	margin-top:20px; 
	font-weight: normal !important;
    padding: 5px 1.5em;
    text-align: center;
    background: #00e363;
    font-size: 1.5em;
    line-height: 2.5em;
    color: #fff;
    transition: background 0.3s, color 0.3s;
    display: block;
    text-decoration: none !important;
}
.dashboard-box .blue-btn:hover {
    background: #00e363;
	color:#000;
}
.account-links {
	border-bottom: 1px solid #4b5a78;
	padding-right:30px;
	text-align:left;
	position:inherit;
	background:#383b4d;
	width:100%;
}
.account-links > ul {
	width:1230px;
	margin:0 auto;
}
.account-links li .alt, .account-links li a {
	background:none !important;
	color:#ddd;
}
.account-links li .alt:hover, .account-links li a:hover {
	color:#20f7b0;
}
.list-group a {
	position: relative;
	background:none;
	border:none;
	color:white;
	vertical-align: top;
	margin-top: 8px;
	padding-left: 26px;
	line-height: 18px;
	cursor: pointer;
	transition: background 0.3s;
}
.list-group a:hover {
	border:none;
	background: #c04141;
	color:white;
	text-shadow:none;
}
.widget-poll .radio {
	position: relative;
	vertical-align: top;
	margin-top: 14px;
	padding-left: 26px;
	line-height: 18px;
	cursor: pointer;
}
.widget-poll .radio i {
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background-color: #c04141;
}
.widget-poll .radio input {
	display: none;
}
.widget-poll .radio input:checked + i:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background-color: #fff;
}


/**/
/* widget instagram */
/**/
.widget-instagram {
	background: #674f3e;
	color: #fff;
}
.widget-instagram ul {
	margin: -10px 0 0 -10px;
}
.widget-instagram li {
	display: inline-block;
	vertical-align: top;
	margin: 10px 0 0 10px;
}
.widget-instagram img {
	width: 103px;
	height: 103px;
	vertical-align: top;
	opacity: 0.8;
	transition: opacity 0.3s;
}
.widget-instagram img:hover {
	opacity: 1;
}
.widget-instagram .cont {
	position: relative;
	padding-bottom: 44px;
}
.widget-instagram .button {
	position: absolute;
	right: -20px;
	bottom: -20px;
	padding: 0 1.5em;
	background: #836b5a;
	font-size: 1.28em;
	line-height: 2.5em;
	color: #fff;
}
.widget-instagram .button:hover {
	text-decoration: underline;
}
@media screen and (max-width: 1229px) { /* laptop */
	.widget-instagram img {
		width: 79px;
		height: 79px;
	}
	.widget-instagram .cont {
		padding-bottom: 38px;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.widget-instagram img {
		width: 92px;
		height: 92px;
	}
	.widget-instagram .cont {
		padding-bottom: 35px;
	}
	.account-links li {
	margin-left:10px;
	}
	.account-links li.dropdown ul.dropdown-menu-left {
		left: -150px;
	}
	.firstbox {	
    	padding-left:10px;
	}
	.lastbox {	
		padding-right:10px;
	}
}


/**/
/* widget comments */
/**/
.widget-comments {
	background: #3a3a3f;
	color: #fff;
}
.widget-comments ul {
	margin-top: 20px;
}
.widget-comments li {
	position: relative;
	margin-top: 15px;
	padding-left: 31px;
}
.widget-comments i {
	position: absolute;
	top: -1px;
	left: 0;
	font-size: 21px;
}
.widget-comments a {
	font-weight: 700;
	color: #94a1b0;
}
.widget-comments a:hover {
	text-decoration: underline;
}

/**/
/* widget categories */
/**/
.widget-categories {
	color: #6d6c72;
    background: none;
    padding: 0;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #37353e;
}
.widget-categories .head-fase {
	padding:0.625em 0.625em 0.625em 0em !important;
	margin-top:0px;
	font-size:1.4em;
	color:#424343;
	background:none;
	margin-bottom:0;
}
.widget-categories .head {
	padding:0.625em 0.625em 0.625em 0em !important;
	margin-top:0px;
	font-size:1.4em;
	color:#424343;
	background:none;
	margin-bottom:0;
}
.widget-categories .cont {
	border-radius: 1.5rem;
    margin-bottom: 10px;
    backdrop-filter: blur(20px);
    background: rgba(200,200,200,.1);
    -webkit-backdrop-filter: blur(25px);
    border: 2px solid rgba(255,255,255,.2);
    box-shadow: 23px 23px 56px rgb(26 37 76 / 30%);
}
ul#widget-categories-tab {
	padding:0 10px;
}
.widget-categories li {
	float: left;
    margin: 0 20px;
}
.widget-categories span.side-article-title {
	float:none !important;
	font-size: 1.1em;
    font-weight: 400;
}
.widget-categories span.side-article-author {
	float:none !important;
	font-size:.9em !important;
	color:#555;
}
.widget-categories span.side-article-author a {
	font-weight:300;
}
.side-article-views {
	font-size:.9em !important;
	color:#999;
    padding-top: 10px !important;	
}
.widget-categories a {
	display: block;
	padding: 5px 5px;
	line-height: 2em;
	transition: all 0.3s;
	position:relative;
	font-weight:400;
	left:0;
	font-size:1em;
	text-decoration:none !important;
    border-bottom: 3px solid transparent;
}
.widget-categories a:hover {
	color: #3b71f9;
    border-bottom: 3px solid #3b71f9;
}
.widget-categories a.active {
	color: #f1f1f1;
    border-bottom: 3px solid #37353e;
}
.widget-categories span {
	float: right;
	margin-top: -0.3em;
	font-size:1.5em;
	line-height: 1.4em;
}
ul#widget-categories-tab li p {
	margin-bottom:0;
}
@media screen and (max-width: 767px) { /* phone */
	.widget-categories a {
		font-size: 1.4em;
	}
}
 /*box-category*/
.box_blog {
	margin-left:15px;
}
.box-category{
    border-radius: 1.5rem;
    margin-bottom: 10px;
    backdrop-filter: blur(20px);
    background: rgba(200,200,200,.1);
    -webkit-backdrop-filter: blur(25px);
    border: 2px solid rgba(255,255,255,.2);
    box-shadow: 23px 23px 56px rgb(26 37 76 / 30%);
}
.box-category ul{
    list-style: none;
    margin: 0;
    padding: 0 10px;
}
.box-category > ul > li a{
    text-transform: capitalize;
    color:#444;
    text-decoration: none;
}
.box-category > ul > li:first-child {
    border-radius: 3px 3px 0px 0px;
}
.box-category > ul > li:last-child {
    border-radius: 3px 3px 0px 0px;
	border-bottom: none;
}
.box-category > ul > li {
    position:relative;
    padding:8px 2px 8px 9px;
    margin-bottom: -1px;
    font-size: 1.1em;
    font-weight: 400;
    border-bottom: 1px solid #ebeff3;
}
.box-category > ul > li strong {
    display:none;
}
.box-category > ul > li.last {
    border:none;
}
.box-category > ul > li ul {
    display:none;
    margin-top:8px;
    margin-bottom:-7px;
    margin-left: -9px;
    padding:0;

}
.box-category > ul > li.active ul {
    display:block;
}
.box-category > ul > li i{   font-size: 20px; color:#777;  }
.box-category > ul > li i.fa-angle-up {   float: right; padding-right:5px; cursor:pointer ;   }
.box-category > ul > li i.fa-angle-down {   float:right; padding-right:5px; cursor:pointer ;  }
.box-category > ul > li.active li i.fa-angle-down { cursor:pointer;}
.box-category > ul > li a.active {
    color: #F0FF00;;
}
.box-category > ul > li a.active {
    color:#00BAF2;
}
.box-category > ul > li a.active + ul {
    display: block;
}
.box-category > ul > li ul > li.active > a{
    color:#279fbb;
}
.box-category > ul > li a:hover {
    text-decoration: none;
}
.box-category > ul > li ul > li {
    padding:8px 0 7px 20px;
    line-height:19px;
    border-top:1px solid rgba(165,165,165 ,.3)!important;
}
.box-category > ul > li ul > li > a {
    text-decoration: none;
    display: inline-block;
    margin-bottom:0px;
    text-transform:capitalize;
}
.box-category > ul > li ul > li > a.active {
    color:#71C2F8;
}
.act-cat {
    position:absolute;
    top:9px;
    right:6px;
}
ul.box-filter i {
    font-weight: bold;
    border-bottom: 1px solid #EEEEEE;	
    display: block;
    padding-bottom: 5px;
    margin-bottom: 8px;
}
ul.box-filter > li ul {
    padding-bottom: 10px;
}
/*box-category*/

/**/
/* widget popular */
/**/
.widget-popular {
	background: #fff;
	color: #fff;
	border: 1px solid #e5e5e5;
}
.widget-popular ul {
	display: none;
}
.widget-popular ul.active {
	display: block;
}
.widget-popular li {
	min-height: 56px;
	margin-top: 20px;
}
.widget-popular h4 {
	margin-bottom: 0.3em;
	line-height: 1.25;
}
.widget-popular p {
	font-size: 1em;
	color: #2b2b2b;
}
.widget-popular img {
	vertical-align: top;
}
.widget-popular a {
	color: #2b2b2b;
	font-weight:400;
	font-size: .9em;
}
.widget-popular a:hover {
	text-decoration: underline;
}
.widget-popular .pic {
	float: left;
	margin-right: 10px;
	border: 3px solid #00e363;
}
.widget-popular .head {
	margin-bottom: 15px;
}
.widget-popular .head a {
	font-weight: 400;
}
.widget-popular .head a + a {
	margin-left: 0.75em;
}
.widget-popular .head .active {
	font-weight: 700;
	color: #2b2b2b;
	cursor: default;
}
.widget-popular .head .active:hover {
	text-decoration: none;
}
@media screen and (max-width: 979px) { /* pad */
	.widget-popular .head {
		font-size: 2em;
	}
}


/**/
/* widget sponsor */
/**/
.widget-sponsor {
	background: #ebebeb;
}
.widget-sponsor img {
	vertical-align: top;
	max-width: 100%;
}
@media screen and (max-width: 1229px) { /* laptop */
	.widget-sponsor img {
		height: auto;
	}
}



/*----------------------------------------------*/
/*                    FOOTER                    */
/*----------------------------------------------*/

/**/
/* about */
/**/
.widget-about h4 {
	margin: 0em 0 0.5em;
	font-size: 1.57em;
	font-weight: 700;
	color: #fff;
}
.widget-about p {
	margin-bottom: 1.5em;
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color:white;
}
.widget-about .more {
	display: block;
	border: 1px solid #2c2c2c;
	background: #111;
	line-height: 3.5em;
	font-weight: 700;
	text-align: center;
	transition: color 0.3s;
	color: #ccc;
}
.widget-about .more:hover {
	color: #fff;
}
.widget-about .more i {
	position: relative;
	top: 1px;
	margin-left: 1em;
	font-size: 1.43em;
}
.page-light .widget-about .more {
	border-color: #fff;
	background: none;
	color: #ccc;
}
.page-light .widget-about .more:hover {
	color: #000;
}


/**/
/* tweets */
/**/
.widget-tweets {
	padding-left: 43px;
}
.widget-tweets h4 {
	margin-bottom: 1em;
	font-size: 1.57em;
	font-weight: 700;
	color: #fff;
}
.widget-tweets p {
	position: relative;
}
.widget-tweets a:hover {
	text-decoration: underline;
}
.widget-tweets i {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 0.65em;
	overflow: hidden;
	font-size: 11em;
	color: #1e1e1e;
}
.widget-tweets .bar {
	margin-top: 1.5em;
	font-size: 0.86em;	
}
.widget-tweets .bar a {
	float: right;
	font-weight: 700;
	color: #fff;
}
.widget-tweets .item {
	position: relative;
	padding: 2em;
	border: 1px solid #2c2c2c;
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	font-size: 0.86em;	
}
.widget-tweets .item:after {
	content: '';
	position: absolute;
	top: 100%;
	right: 32px;
	border-top: 8px solid #000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.widget-tweets .item:before {
	content: '';
	position: absolute;
	top: 100%;
	right: 30px;
	border-top: 10px solid #2c2c2c;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
.widget-tweets .item a {
	font-weight: 700;
	color: #fff;	
}
.page-light .widget-tweets i {
	color: #fff;
}
.page-light .widget-tweets a {
	color: #000;
}
.page-light .widget-tweets .item {
	border-color: #fff;
}
.page-light .widget-tweets .item:after {
	border-top-color: #e0e0e0;	
}
.page-light .widget-tweets .item:before {
	border-top-color: #fff;	
}
@media screen and (max-width: 1229px) { /* laptop */
	.widget-tweets {
		padding-left: 28px;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.widget-tweets {
		margin-top: 40px;
		padding-left: 0;
	}
}


/**/
/* subscribe */
/**/
.widget-subscribe {
	padding-left: 43px;
}
.widget-subscribe h4 {
	margin-bottom: 1em;
	font-size: 1.57em;
	font-weight: 700;
	color: #fff;
}
.widget-subscribe p {
	margin-bottom: 1.5em;
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	font-size: 0.86em;
}
.widget-subscribe input {
	width: 100%;
	padding: 7px 10px 7px 36px;
	border: 1px solid #2c2c2c;
	box-sizing: border-box;
	color: #fff;
}
.widget-subscribe button {
	width: 100%;
	padding: 7px 0;
	border: 1px solid #2c2c2c;
	background: #111;
	font-weight: 700;
	text-align: center;
	color: #7a7a7a;
	transition: color 0.3s;	
}
.widget-subscribe button:hover {
	color: #fff;
}
.widget-subscribe .input {
	position: relative;
	margin-bottom: 1em;
}
.widget-subscribe .input i {
	position: absolute;
	top: 0;
	left: 0;
	width: 37px;
	font-size: 14px;
	line-height: 37px;
	text-align: center;
	color: #fff;
}
.page-light .widget-subscribe input {
	border-color: #fff;
	color: #000;
}
.page-light .widget-subscribe button {
	border-color: #fff;
	background: none;
}
.page-light .widget-subscribe button:hover {
	color: #000;
}
@media screen and (max-width: 1229px) { /* laptop */
	.widget-subscribe {
		padding-left: 28px;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.widget-subscribe .input i {
		width: 32px;
		line-height: 32px;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.widget-subscribe {
		margin-top: 40px;
		padding-left: 0;
	}
}

/**/
/* invest */
/**/
.widget-invest {
	padding-left: 43px;
}
.widget-invest h4 {
	margin: 0em 0 0.5em;
	font-size: 1.57em;
	font-weight: 700;
	color: #fff;
}
.widget-invest p {
	margin-bottom: 1.5em;
	font-family: 'Open Sans', Montserrat, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color:white;
}
.widget-invest .more {
	display: block;
	border: 1px solid #2c2c2c;
	background: #111;
	line-height: 3.5em;
	font-weight: 700;
	text-align: center;
	transition: color 0.3s, background 0.3s, border 0.3s;
}
.widget-invest .more:hover {
	color: #fff;
	background:rgba(50,158,0,1.0);
	border: 1px solid #3c763d;
}
.widget-invest .more i {
	position: relative;
	top: 1px;
	margin-left: 1em;
	font-size: 1.43em;
}
.page-light .widget-invest .more {
	border-color: #fff;
	background: none;
	color: #7a7a7a;
}
.page-light .widget-invest .more:hover {
	color: #000;
}
@media screen and (max-width: 1229px) { /* laptop */
	.widget-invest {
		padding-left: 28px;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.widget-invest .input i {
		width: 32px;
		line-height: 32px;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.widget-invest {
		margin-top: 40px;
		padding-left: 0;
	}
}


/**/
/* photos */
/**/
.widget-photos {
	padding-left: 43px;
}
.widget-photos h4 {
	margin-bottom: 1em;
	font-size: 1.57em;
	font-weight: 700;
	color: #fff;
}
.widget-photos ul {
	margin: -20px 0 0 -10px;
}
.widget-photos li {
	display: inline-block;
	vertical-align: top;
	margin: 10px 0 0 10px;
}
.widget-photos a {
	position: relative;
	display: block;
}
.widget-photos img {
	display: block;
	transition: opacity 0.3s;
}
.widget-photos img:hover {
	opacity: 0.8;
}
@media screen and (max-width: 1229px) { /* laptop */
	.widget-photos {
		padding-left: 28px;
	}
	.widget-photos img {
		width: 66px;
		height: 66px;
	}
}
@media screen and (max-width: 979px) { /* pad */
	.widget-photos img {
		width: 48px;
		height: 48px;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.widget-photos {
		margin-top: 40px;
		padding-left: 0;
	}
	.widget-photos img {
		width: auto;
		height: auto;
	}
}


/**/
/* nav */
/**/
.widget-nav {
	padding: 73px 0 0 43px;	
}
.widget-nav a {
	transition: color 0.3s;
}
.widget-nav a:hover {
	color: #fff;
}
.widget-nav li {
	display: inline-block;
	vertical-align: top;
	width: 24.66%;
	font-weight: 700;
}
.widget-nav li ul {
	padding-top: 5px;
}
.widget-nav li li {
	position: relative;
	display: block;
	width: auto;
	padding: 5px 0 5px 24px;
	font-size: 0.86em;
	font-weight: 400;
	color: #596e90;
}
.widget-nav li li:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 6px;
	border-left: 1px solid #cbd2e4;
}
.widget-nav li li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 6px;
	width: 10px;
	border-top: 1px solid #cbd2e4;
}
.widget-nav li li:last-child:after {
	bottom: 50%;
}
.page-light .widget-nav a:hover {
	color: #000;
}
.page-light .widget-nav li li:after {
	border-left-color: #fff;
}
.page-light .widget-nav li li:before {
	border-top-color: #fff;
}
@media screen and (max-width: 1229px) { /* laptop */
	.widget-nav {
		padding: 48px 0 0 28px;
	}
}
@media screen and (max-width: 767px) { /* phone */
	.widget-nav {
		margin-top: 20px;
		padding: 0;
	}
	.widget-nav li {
		width: 49%;
		margin-top: 20px;
	}
	.widget-nav li li {
		margin-top: 0;
	}
}

.copyrights a {
	color: #5e71e4;
	font-weight:500;
}
.copyrights a:hover {
	color: #5e71e4;
	text-decoration: none;
}
.page-light .copyrights {
	border-top: 1px solid #fff;
	background: none;
}
.page-light .copyrights a {
	color: #000;
}


/**/
/* scroll top */
/**/
body.common-home .scroll-top {
	display: inherit !important;
}
.scroll-top {
	display: none;
	position: fixed;
	left: 1em;
	bottom: 1em;
	margin: 0 -3em -3em 0;
	width: 3em;
	line-height: 3em;
	text-align: center;
	background: rgba(255,255,255,.35);
	color: #fff !important;
	z-index: 999;
	opacity: 0;
	border-radius:1rem;
    transition: margin 0.3s, background 0.3s, color 0.3s, opacity 0.3s;
}
.scroll-top:hover {
	background: rgba(255,255,255,.5);
	color: #17cdef !important;
}
.scroll-top.visible {
	margin: 0;
	opacity: 1;
}

/* Carousel Video Tutorials */

body.affiliate-tracking .owl-carousel .owl-item {
	margin-right: 20px;
    border: 3px solid;
	border-color: #5566da;
	transition: border-color 0.3s;
}

body.affiliate-tracking .owl-carousel .owl-item:hover {
	border-color: #25b967;
}

.container_full .owl-carousel .owl-item img {border-radius:0;}
/* Slideshow */

.ecslideshow .camera_caption > div {
	padding: 100px;
    width: 100%;
	height:100%;
	background-image:linear-gradient(to right, rgba(0,0,0,.65), rgba(0,0,0,.5), rgba(0,0,0,.5), rgba(0,0,0,0) 60%) !important;
	background:linear-gradient(to right, rgba(0,0,0,.65), rgba(0,0,0,.5), rgba(0,0,0,.5), rgba(0,0,0,0) 60%) !important;
	-webkit-transition: background 5s ;
    -moz-transition: background 5s ;
    -ms-transition: background 5s ;
    -o-transition: background 5s ;
    transition: background 5s ;
}
.camera_caption.double > div {
/*	padding-top:7% !important; */
}
.camera_caption.clearoverlay > div {
	background-image:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0) 60%) !important;
	background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0) 60%) !important;
}
.camera_caption {
	top:0 !important;
}
.camera_caption .caption {
	width:60%;
}
.camera_caption .description {
	width:50%;
}
.camera_caption div.wrapper {
	position: absolute;
    bottom: 20%;
	margin:auto 0;
}
.camera_caption, .camera_caption p, .camera_caption div { text-align:left; }
.camera_caption .cartinfo {margin-top:20px;}
.camera_caption h2 {
	padding-bottom:20px;
	padding-top: 0;
    letter-spacing: 3px;
    border-bottom: none;
    font-size: 3.57em;
    line-height: 1.2;
    font-weight: 700 !important;
    color: #fff;
}
.camera_caption a {
	color:#fff !important;
}
.camera_caption p { font-size:1.5em; line-height:1.6; font-family: "Raleway", Helvetica Neue, Helvetica, Arial, sans-serif; margin-bottom:20px !important;}
.camera_caption ul li { font-size:1.3em; line-height:1.6; font-family: "Raleway", Helvetica Neue, Helvetica, Arial, sans-serif; margin-bottom:5px !important;}

.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {background:rgba(0, 0, 0, 0.85) !important;}
.camera_wrap {
	margin-bottom:0 !important;
	max-height:550px;
	transition:all .3s;
}
.camera_wrap_max {
	max-height:900px;
	height:900px !important;
}
.camera_wrap_max.camera_wrap_override {
	max-height:500px;
	height:500px !important;
}
.camera_caption .vwrapper .video {
	top:-80px !important;
}
.camera_caption .cartinfo .rating {
	position: absolute;
	top: 115px;
	border: none;
}
.camera_caption .wrapper .description ul {
	display:inline-block;
}
.buttons_down {
	margin-top:120px !important;
}
@media screen and (max-width: 767px) { /* phone */
	.camera_caption h2 {
		font-size: 2.5em !important;
		padding-bottom:10px;
		letter-spacing:1px !important;
	}
	.camera_caption .cartinfo .rating {
		top: -190px !important;
		transition:.5s;
	}
	.camera_caption .cartinfo .rating.move_down {
		top: -120px !important;
	}
	.camera_wrap {
		min-height:300px !important;
		/*height:530px !important;*/
	}
	.camera_wrap_max {
		max-height:600px !important;
	}
	.camera_wrap_max.camera_wrap_override {
		height:530px !important;
	}
	.buttons_down {
		margin-top:0px !important;
	}
	.ecslideshow .camera_caption > div {
		background-image:linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,.7), rgba(0,0,0,.5), rgba(0,0,0,0) 70%) !important;
		background:linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,.7), rgba(0,0,0,.5), rgba(0,0,0,0) 70%) !important;
		padding: 10% 5% !important;
		position: inherit;
	    bottom: 0;
    	height: 100%;
	}
	.camera_caption .wrapper {
		position: inherit;
		opacity: 1 !important;
		bottom: 80px;
		padding-right: 20px;
	}
	.camera_caption .rating {
		opacity: 1 !important;
	}
	.camera_caption .playpause {
		position: absolute;
		bottom: 50px;
		right: 20px;
	}
	.camera_caption .cartinfo {
		margin-top:0;
		position: inherit;
    	bottom: 40px;
	}
	.camera_caption.darkoverlay {
		background:#000;
	}
	.camera_caption, .camera_caption p, .camera_caption div {
		text-align:left;
		float:left;
	}
	.camera_caption .caption, .camera_caption .description {	
		width:100% !important;
	}
	.downloadset {
		float:none !important;
		margin-bottom:10px !important;
	}
	.camera_caption p {
		font-size:1.4em !important;
	}
	.camera_caption .vwrapper .video {
		height:auto;
		top:62px !important;
		z-index:9999;
	}
	.ecslideshow {
		margin-top:33px;
	}
}

@media screen and (max-width: 979px) { /* pad */
	.camera_caption h2 {
		font-size: 2.1em;
		letter-spacing:1px !important;
	}
	.camera_caption .caption, .camera_caption .description {	
		width:70%;
	}
	.camera_caption p, .camera_caption ul li {
		font-weight:500;
		line-height:1.4;
	}
	.playpause, .downloadset {
		padding:5px 15px !important;
	}
	.camera_wrap {
		min-height:420px;
		max-height:620px;
	}
	.camera_caption .cartinfo .rating {
		top: 130px;
	}

}

@media screen and (max-width: 1229px) { /* pad horizontal or laptop */
	.camera_caption h2 {
		font-size: 2.3em;
		letter-spacing:1px !important;
	}
	.camera_caption .caption, .camera_caption .description {	
		width:60%;
	}
	.camera_caption .cartinfo .rating {
		top: 110px;
	}
}

@media screen and (max-width: 1570px) { /* pad horizontal or laptop */
	.ecslideshow .camera_caption > div {
		padding: 95px 8%;
	}
	.camera_caption h2 {
		font-size: 2.57em;
		letter-spacing:1px !important;
	}
	.camera_caption .caption {	
		width:70%;
	}
	.camera_caption.double .description {
		width:60%;
	}
}

.video {
    width: 100%;
	z-index: -999;
    position: absolute;
    left: 0;
    top: 0;
	object-fit: cover;
    object-position: center;
}
.ml-15{
	margin-left:15px !important;
}
.playpause, .downloadset {
    width: auto;
    font-size: 1.6em;
    margin: auto;
    background: rgba(0,0,0,.5);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 12px;
    padding: 8px 55px;
    display: inline-block;
    transition: .1s;
}
.playpause:hover {
    border: 1px solid #fff;
    background: #fff;
	color:#00e363;
	cursor:pointer;
}
.downloadset:hover, .downloadset .price:hover {
    background: rgba(0,0,0,.8);
	color:#14e96f !important;
	cursor:pointer;
}
.downloadset:hover {
    border:1px solid #14e96f;
}
/* Video for Testimonials */

.box-content {
	margin-top:10px;
}
.ocart_video_box {
	border: 1px solid #e5e5e5;
    background: white;
    margin-bottom: 20px;
    padding: 15px 20px;
    display: inline-block;
}
.ocart_video_name {
    font-weight: 600;
    padding-bottom: 20px;
    display: inline-block;
}
.video_comments {
	border: 1px solid #e5e5e5;
    background: white;
	margin-bottom:10px;
	padding:10px;
	box-shadow:0 4px 30px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	border-radius:7px;
}
.video_comments .content {
	padding:0 5px;
}
span.review_author {
	font-weight:bold;
}

.widget-box .latest_videos {
	margin-bottom:0;	
	width:33%;
}
.latest_videos {
	margin-bottom:20px;
}
.box-content .video_list .video_title {
	font-size:1em;
}
.box-content .video_list {
	margin-bottom:10px;
}
.video_list .video_title {
	font-size: 1.4em;
    padding-top: 10px;
    color: #535353;
    display: block;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: inherit;
}
.video_related {
	margin-bottom:10px;
}
.video-title {
	color: white;
  font-size: 1.1em;
  padding: 0;
	line-height: 1.2em;
  margin-top: 5px;
}
span.view-more {
	margin-top: -30px;
    font-size: 1em;
    color: #00BAF2;
    font-weight: 400;	
}

/* TAP BAR */

.tap-bar-item {
	width: 19.999%;
	float:left;
	position: initial;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
}
.tap-bar-item .fa, .tap-bar-item .fa-brands {
	display: block;
    font-size: 2em;
}
.tap-bar-item .fa.fa-search {
	display: block;
    font-size: 16px;
}
.tap-bar-item a img {
	vertical-align:  -webkit-baseline-middle;
    -webkit-filter: drop-shadow( 0px 10px 10px rgba(0, 0, 0, .3));
    filter: drop-shadow( 0px 10px 10px rgba(0, 0, 0, .3));
    width: 25px;
    height: 25px;
}
.tap-bar-item.dropdown > a > img {
	height: auto;
    width: 55px;
}
.tap-bar-item > .dropdown-menu::before {
	content: '';
    position: absolute;
    width: 40%;
    right: 0;
    left: 0;
    height: 60%;
    bottom: -67px;
    -webkit-mask: url(/image/catalog/icons/tab-flick.svg) no-repeat 50% 100%;
    mask: url(/image/catalog/icons/tab-flick.svg) no-repeat 50% 100%;
    -webkit-mask-size: auto;
    mask-size: auto;
    background-color: #ffffff;
    margin: auto auto;
}
body.dark_mode .tap-bar-item > .dropdown-menu::before {
    background-color: #050506;
}
.tap-bar-item > .dropdown-menu {
	position: absolute;
    top: auto;
    border-radius: 1.5em;
    border: none;
    z-index: 3;
    width: 90%;
    margin: 0 auto;
    list-style: none;
    background-color: #ffffff;
    box-shadow: none;
    align-self: center;
    right: 0;
    left: 0;
    bottom: 78px;
}
body.dark_mode .tap-bar-item > .dropdown-menu {
    background-color: #050506;
	border: none;
}
.tap-bar-item.dropdown a {
	margin-top: 0;
	color: white;
	padding:0;
}
.tap-bar {
    margin-bottom: 0;
    backdrop-filter: blur(20px);
    background: rgba(5, 5, 8, .30);
    -webkit-backdrop-filter: blur(25px);
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.tap-bar a {
    width: auto;
    padding: 5px;
	padding-bottom: 10px;
    position: relative;
    display: block;
    text-align: center;
    transition: color .3s;
    margin: 13px 7px 10px;
    border-radius: 1rem;
	z-index: 5;
	text-decoration: none;
}
.tap-bar a:hover, .tap-bar a.active {
	text-decoration: none;
}
@media screen and (max-width: 979px) { /* pad */
	.tap-bar {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 6;
		height:75px;
    	padding-bottom: 20px;
	}
	.tap-bar-item span {
		/*display: none;*/
	}
	.tap-bar#tapbar-join .tap-bar-item span {
		display: inherit;
	}
	.tap-bar#tapbar-join .tap-bar-item a {
		padding: 7px 15px;
	}
	body.user-offline .tap-bar {
		display: none;
	}
	body.user-offline .tap-bar#tapbar-join {
		display: flex;
	}
	.tap-bar#tapbar-join {
		display: none;
	}
}
/* END PHONE */

@media screen and (min-width: 880px) { /* desktop */
	.tap-bar {
		display: none;
	}
}
/* END PHONE */

/* Carousel Video Tutorials */

body.affiliate-tracking .owl-carousel .owl-item {
	margin-right: 20px;
    border: 3px solid;
	border-color: #5566da;
	border-radius:10px;
	transition: border-color 0.3s;
}

body.affiliate-tracking .owl-carousel .owl-item:hover {
	border-color: #1cc45e;
}
/* Cool Backgrounds */
.videofunnelBG {
	position: absolute;
    left: 0;
    top: calc(50% + 175px);
    right: 0;
    transform: skewY(-12deg);
    pointer-events: none;
}
.videofunnelBG .videofunnel.pattern {
	overflow:hidden;
}
.videofunnelBG .videofunnel.pattern:after {
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1000px;
    top: -1000px;
    transform: skew(0,12deg);
}
.videofunnelBG .s0 {
	height: 5000px !important;
    bottom: 10px;
    background: linear-gradient(90deg,#4dc076,#b3e895);
}
.videofunnelBG .s1 {
	bottom: 465px;
    right: 80% !important;
    background: linear-gradient(90deg,#bfd4ff,#d2f0f9);
    opacity: .2;
}
.videofunnelBG .s2 {
	bottom: 310px;
    right: calc(50% + 260px) !important;
    left: auto !important;
    width: 30%;
    min-width: 450px;
    background: linear-gradient(90deg,#0aab88,#3ebc7f);
    opacity: .75;
}
.videofunnelBG .s2:after {
	background: url(../image/background-pattern.svg);
    opacity: .25;
}
.videofunnelBG .s3 {
	bottom: 155px;
    left: 75% !important;
    background: linear-gradient(90deg,#b6e3a8,#dbf0af);
}
.videofunnelBG .s4 {
	bottom: 0;
    background: linear-gradient(90deg,#d7f8b7,#98e3b5);
}
.videofunnelBG .k0 {
	height: 5000px !important;
    bottom: 10px;
    background: linear-gradient(90deg,#F7C22A,#f6d67b);
}
.videofunnelBG .k1 {
	bottom: 465px;
    right: 80% !important;
    background: linear-gradient(90deg,#ffffbf,#f9e9d2);
    opacity: .2;
}
.videofunnelBG .k2 {
	bottom: 310px;
    right: calc(50% + 300px) !important;
    left: auto !important;
    width: 30%;
    min-width: 450px;
    background: linear-gradient(90deg,#222,#000);
    opacity: .85;
}
.videofunnelBG .k2:after {
	background: url(../image/background-pattern.svg);
    opacity: .25;
}
.videofunnelBG .k3 {
	bottom: 155px;
    left: 75% !important;
    background: linear-gradient(90deg,#4d4d4d,#000000);
}
.videofunnelBG .k4 {
	bottom: 0;
    background: linear-gradient(90deg,#f2b403,#f8d673);
}
.videofunnelBG .videofunnel {
	height:155px;
	position: absolute;
    top: auto;
    left: 0;
	right:0;
}

/* STRIPED HEADER */

#stripes {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: skewY(0deg);
    transform: skewY(0deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background: none;
}
#stripes, #stripes span {
    position: absolute;
}
#stripes :first-child {
    width: 50%;
    left: 50%;
    top: 180px;
    background: none;
}
#stripes :nth-child(2) {
    width: 14%;
    right: 0;
    bottom: 40px;
    background: #12c1ba;
}
#stripes :nth-child(3) {
    width: 25%;
    bottom: 0;
    right: 0;
    background: #7a5cad;
}
#stripes span {
	height: 2px;
    border-radius: 1rem;
}
#stripes_clear {
    width: 100%;
    height: 80%;
    overflow: hidden;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background: linear-gradient(150deg,#ddd 15%,#f1f1f1 70%,#fafafa 94%);
	top:300px;
}
#stripes_clear, #stripes_clear span {
    position: absolute;
}
#stripes_clear :first-child {
    width: 50%;
    left: 50%;
    top: 40px;
    background: #e92c81;
}
#stripes_clear :nth-child(2) {
    width: 14%;
    right: 0;
    bottom: 40px;
    background: #2be7ff;
}
#stripes_clear :nth-child(3) {
    width: 25%;
    bottom: 0;
    right: 0;
    background: #7a5cad;
}

#stripes_over {
    width: 100%;
    height: 90px;
    overflow: hidden;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background: none;
	bottom:-90px
}
#stripes_over, #stripes_over span {
    position: absolute;
}
#stripes_over :first-child {
    width: 50%;
    left: 50%;
    bottom: 60px;
    background: #e92c81;
}
#stripes_over :nth-child(2) {
    width: 14%;
    right: 0;
    bottom: 30px;
    background: #2be7ff;
}
#stripes_over :nth-child(3) {
    width: 25%;
    bottom: 0px;
    left: 0;
    background: #7a5cad;
}

/** RESPONSIVE SCREEN **/

@media (min-width: 880px) {
	#stripes :first-child {
		width: 33.33333%;
		width: calc(100% / 4);
		left: -16.66666%;
		left: calc(calc(50% / 1) * 1.5);
		background: #dfc715;
	}
	#stripes :nth-child(2) {
		width: 33.33333%;
		width: calc(100% / 3);
		top: 250px;
		left: 16.66666%;
		left: calc(calc(calc(100% / 2) / 2) * 3.5);
		right: auto;
		background: linear-gradient(150deg,#56e6a9,#1eca81 100%)!important;
	}
	#stripes :nth-child(3) {
		width: 33.33333%;
		width: calc(100% / 5);
		left: 49.99999%;
		left: calc(calc(calc(100% / 3) / 1) + calc(100% / 2));
		bottom: auto;
		background: #f73ccf;
		top: 600px;
		top: calc(160px * 2.2);
	}
	#stripes :nth-child(4) {
		width: 33.33333%;
		width: calc(100% / 3);
		top: 380px;
		top: calc(190px * .8);
		right: -16.66666%;
		right: calc(calc(calc(100% / 3) / 3) * -2.2);
		background: linear-gradient(150deg,#0eaee2,#2dcabd 100%)!important;
	}
	#stripes :nth-child(5) {
		width: 33.33333%;
		width: calc(100% / 1.5);
		top:50px;
		left:calc(calc(calc(10% / 2) / 2) * 20);
		background: linear-gradient(150deg,#608aff 0,#93adf8 100%)!important;
	}
	#stripes span {
		height: 190px;
	}
	#stripes_clear :first-child {
		width: 33.33333%;
		width: calc(100% / 2);
		left: -16.66666%;
		left: calc(calc(calc(100% / 3) / 2) * -1);
		background: #e92c81;
	}
	#stripes_clear :nth-child(2) {
		width: 33.33333%;
		width: calc(100% / 3);
		top: 0;
		left: 16.66666%;
		left: calc(calc(100% / 3) / 2);
		right: auto;
		background: #9953f5;
	}
	#stripes_clear :nth-child(3) {
		width: 33.33333%;
		width: calc(100% / 3);
		left: 49.99999%;
		left: calc(calc(calc(100% / 3) / 2) + calc(100% / 3));
		bottom: auto;
		background: #7a5cad;
	}
	#stripes_clear :nth-child(4) {
		width: 33.33333%;
		width: calc(100% / 3);
		top: 380px;
		top: calc(190px * 2);
		right: -16.66666%;
		right: calc(calc(calc(100% / 3) / 2) * -1);
		background: #08c6f6;
	}
	#stripes_clear :nth-child(5) {
		width: 33.33333%;
		width: calc(100% / 3);
		bottom: 0;
		background: #b0f5fc;
		bottom:300px;
	}
	#stripes_clear span {
		height: 190px;
	}
	#stripes_over :first-child {
		width: 100%;
		left: 0;
		background: #e92c81;
	}
	#stripes_over :nth-child(2) {
		width: 100%;
		left: 0;
		bottom: 30px;
		background: #11c1bb;
	}
	#stripes_over :nth-child(3) {
		width: 100%;
		left: 0;
		bottom: 0;
		background: #3e2967;
	}
	#stripes_over span {
		height: 30px;
	}
}
@media (max-width: 767px) {
	#stripes :first-child {
		top: 200px;
		background: linear-gradient(150deg,#56e6a9,#1eca81 100%)!important;
		width: 50%;
		left: -20%;
	}
	#stripes :nth-child(2) {
		width: 16.66667%;
		width: calc(100% / 3);
		top: 300px;
		top: calc(150px * 2.3);
		right:-40px;
		bottom: auto;
		background: none;
		box-shadow:6px 6px 12px #d2d9e2, -6px -6px 12px #fdfeff;
	}
	#stripes :nth-child(3) {
		width: 33.33333%;
		width: calc(100% / 2);
		left: 40px;
		background: linear-gradient(150deg,#608aff 0,#93adf8 100%)!important;
		top: 380px;
		top: calc(190px * 0.15);
	}
	#stripes_clear :first-child {
		top: 0;
		background: #e92c81;
	}
	#stripes_clear :nth-child(2) {
		width: 16.66667%;
		width: calc(100% / 2);
		top: 300px;
		left: 0;
		top: calc(250px * 2);
		bottom: auto;
		background: #08c6f6;
	}
	#stripes_clear :nth-child(3) {
		width: 33.33333%;
		width: calc(100% / 3);
		right: auto;
		background: #eeeeee;
	}
	#stripes_clear span {
		height: 100px;
	}
	#stripes_over {
		z-index:9999;
		bottom:0;
	}
	#stripes_over :first-child {
		background: #e92c81;
	}
	#stripes_over :nth-child(2) {
		bottom: 30px;
		background: #11c1bb;
	}
	#stripes_over :nth-child(3) {
		background: #3e2967;
	}
	#stripes_over span {
		height: 30px;
	}
}

@media (min-width: 670px) {
	#stripes span {
		height: 150px;
	}
	#stripes_clear span {
		height: 100px;
	}
	#stripes_clear :first-child {
		top: 0;
		background: #e92c81;
	}
	#stripes_clear :nth-child(2) {
		width: 16.66667%;
		width: calc(100% / 1);
		top: 300px;
		top: calc(700px * 2);
		bottom: auto;
		background: #fcfcfc;
	}
	#stripes_clear :nth-child(3) {
		width: 33.33333%;
		width: calc(100% / 3);
		right: auto;
		background: #eeeeee;
	}
	#stripes_over :first-child {
		bottom: 60px;
		background: #e92c81;
	}
	#stripes_over :nth-child(2) {
		bottom: 30px;
		background: #11c1bb;
	}
	#stripes_over :nth-child(3) {
		background: #3e2967;
	}
	#stripes_over span {
		height: 30px;
	}
}

/* END STRIPED HEADER */