@import url("https://fonts.googleapis.com/css?family=Maven+Pro");
@import url("https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700");
body {
  font-family: 'Maven Pro', sans-serif;
  margin-top: 89px;
  overflow-x: hidden; }

a:hover {
  text-decoration: none; }

input.form-control:focus {
  outline: none;
  border-color: orangered;
  box-shadow: 0 0 10px orangered; }

.card-header h2 {
  color: #fff !important; }

@media (max-width: 991px) {
  body {
    margin-top: 61px; } }

.CodeMirror {
  height: auto; }

.container-page {
  padding-bottom: 80px; }

@media (max-width: 575px) {
  .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down,
  .hidden-xs-up,
  .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl {
    display: none !important; } }

@media (min-width: 576px) and (max-width: 767px) {
  .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down,
  .hidden-xs-up, .hidden-sm-up,
  .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md-down, .hidden-lg-down, .hidden-xl-down,
  .hidden-xs-up, .hidden-sm-up, .hidden-md-up,
  .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg-down, .hidden-xl-down,
  .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up,
  .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-down,
  .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up,
  .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg {
    display: none !important; } }

@media (max-width: 1600px) {
  .hidden-1600-down {
    display: none !important; } }

.hidden {
  display: none !important; }

@media (min-width: 1400px) {
  .container-responsive {
    max-width: 1340px; } }

@media (min-width: 1600px) {
  .container-responsive {
    max-width: 1540px; } }

@media (min-width: 1800px) {
  .container-responsive {
    max-width: 1740px; } }

.bg-danger {
  background-color: orangered;
  color: #fff; }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  body .boxes .list-summary {
    text-align: left; }
    body .boxes .list-summary li {
      position: relative;
      display: block !important;
      text-align: left;
      height: 30px; }
      body .boxes .list-summary li span.summary-list-item {
        position: absolute !important;
        top: 0; }
      body .boxes .list-summary li span.item-name {
        left: 0; }
      body .boxes .list-summary li span.item-price {
        right: 0; } }

.header-try-benchmark {
  margin-bottom: 15px; }

.no-scroll {
  overflow: hidden;
  min-height: 0;
  height: 100%; }

.clear-fix {
  clear: both; }

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

/* Track */
::-webkit-scrollbar-track {
  background: transparent; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: orangered; }

.side-body {
  overflow: hidden;
  min-height: 600px; }

.unique-btn {
  height: 65px;
  display: block;
  color: #fff;
  padding: 10px 40px;
  position: relative;
  font-size: 18px; }
  .unique-btn:before {
    width: 110%;
    height: 100%;
    background-color: #f43131;
    transform: skew(-20deg);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: -3;
    transition: all ease 0.3s;
    border-left: 10px solid orangered; }
  .unique-btn:after {
    width: 100%;
    height: 100%;
    background-color: #9c0000;
    transform: skew(-20deg);
    display: block;
    position: absolute;
    top: 0;
    left: -10px;
    content: "";
    z-index: -4; }
  .unique-btn:hover {
    color: #fff; }
    .unique-btn:hover:before {
      background-color: orangered; }
  .unique-btn i {
    margin: 0px; }

.btn-z {
  background: #9c0000;
  /*background: -moz-linear-gradient(-45deg, #9a0400 0%, orangeredc00 100%);
    background: -webkit-linear-gradient(-45deg, #9a0400 0%,orangeredc00 100%);
    background: linear-gradient(135deg, #9a0400 0%,orangeredc00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a0400', endColorstr='orangeredc00',GradientType=1 );*/
  color: #fff;
  font-weight: normal;
  border-radius: 0 !important;
  border: 1px solid transparent;
  padding: 6px 16px;
  border-radius: 0 !important; }
  .btn-z:hover {
    border: 1px solid orangered;
    cursor: pointer; }
  .btn-z.accent {
    background: none;
    background-color: #1da1f2 !important; }
    .btn-z.accent:hover {
      color: #1da1f2 !important;
      background-color: white !important;
      border: 1px solid #1da1f2 !important; }

blockquote {
	margin-top: 20px;
	background-color: #f3f7f8;
	padding: 7px 15px;
	position: relative;
	border-left: 5px solid orangered;
	border-top: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8; 
	word-break:break-all;
}
  blockquote i, blockquote p {
    display: inline-block; }
  blockquote p {
    color: #657786; }
  blockquote:before {
    position: absolute;
    top: -15px;
    left: -17px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f06a";
    color: #fff;
    font-size: 16px;
    background-color: orangered;
    border-radius: 25px;
    padding: 3px 7px; }
  blockquote a {
    color: #1da1f2;
    text-decoration: underline; }
    blockquote a:hover {
      color: #3c3c3c !important; }
  blockquote code {
    padding: 1px 5px;
    font-size: 16px; }
  blockquote .blockquote-type-identification {
    font-weight: bold;
    margin: 0 10px; }
  blockquote.danger i {
    color: #fff; }
  blockquote.danger .blockquote-type-identification {
    color: #000; }
  blockquote.danger span {
    color: #657786; }
  blockquote.danger p {
    color: #657786; }
  blockquote.danger code {
    color: #ffdc8a; }
  blockquote.hint {
    background-color: #fff;
    border: 1px solid #a8a8a8; }
    blockquote.hint i {
      color: orangered; }
    blockquote.hint code {
      color: orangered !important;
      padding: 5px;
      font-weight: normal; }
    blockquote.hint p {
      color: #657786; }
    blockquote.hint code {
      color: #3c3c3c; }
  blockquote code {
    font-weight: 600; }
  blockquote p {
    margin: 0; }

.transitions {
  transition: all ease 0.3s; }

.btn-only {
  padding: 10px 14px;
  background-color: orangered;
  border: 1px solid transparent;
  color: #fff !important;
  transition: all ease 0.3s;
  border-radius: 0 !important; }
  .btn-only:hover {
    background: #fff !important;
    border: 1px solid orangered;
    color: orangered !important;
    cursor: pointer; }
  .btn-only.download {
    font-size: 24px; }
  .btn-only.stack-overflow-identity {
    background-color: #f38115; }
    .btn-only.stack-overflow-identity:hover {
      color: #3c3c3c !important;
      border-color: #3c3c3c !important; }
  .btn-only.stroked {
    background-color: #fff !important;
    border-color: orangered;
    border-width: 1px;
    color: orangered !important; }
    .btn-only.stroked:hover {
      background-color: transparent !important;
      color: #fff !important; }
  .btn-only.contact-way {
    text-align: center;
    display: block; }
    .btn-only.contact-way .fas, .btn-only.contact-way .far {
      font-size: 50px;
      text-align: center;
      display: block;
      margin-bottom: 10px; }
    .btn-only.contact-way:nth-child(2) {
      background: #9c0000;
      border: 1px solid #9c0000; }
      .btn-only.contact-way:nth-child(2):hover {
        background: #fff;
        color: #9c0000; }
  .btn-only.white {
    background-color: #fff;
    border-color: #fff;
    color: orangered !important; }
    .btn-only.white:hover {
      background-color: transparent !important;
      color: #fff !important; }
  .btn-only.black {
    background-color: #3c3c3c;
    border-color: #3c3c3c;
    color: #fff !important; }
    .btn-only.black:hover {
      background-color: transparent !important;
      color: #3c3c3c !important; }

.link-without-background {
  color: orangered;
  transition: all ease 0.3s; }
  .link-without-background:hover {
    color: #3c3c3c; }

.gitter-chat-embed {
  top: 121px; }

.gitter-open-chat-button {
  background-color: orangered !important; }

.card ul li a:hover {
  color: #3c3c3c; }

.title-section-collapser {
  position: relative; }
  .title-section-collapser i {
    position: absolute;
    right: 0;
    top: 4px;
    transition: all ease .3s; }
  .title-section-collapser[aria-expanded="true"] i {
    top: 2px;
    transform: rotate(180deg); }
  .title-section-collapser:hover {
    color: #3c3c3c;
    cursor: pointer; }

.small-line-before-centered:before {
  content: "";
  background-color: orangered;
  width: 100px;
  margin: 0 auto;
  height: 3px;
  display: block; }

.small-line-after-left:after {
  content: "";
  background-color: #9c0000;
  width: 20%;
  height: 6px;
  display: block; }

#knowledge-base {
  min-height: unset !important; }
  #knowledge-base blockquote {
    margin-bottom: 10px;
    padding: 10px;
    color: #676565 !important;
    background-color: #fff4c1;
    border-left: 2px solid #676565; }
    #knowledge-base blockquote pre {
      background-color: transparent; }
  #knowledge-base blockquote p {
    color: #676565 !important; }

.pagination-container {
  margin-top: 10px; }
  .pagination-container .pagination li a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #d8d8d8;
    margin-right: 3px; }
    .pagination-container .pagination li a:hover {
      background-color: orangered;
      color: #fff; }
  .pagination-container .pagination li.active a {
    background-color: #d8d8d8; }
    .pagination-container .pagination li.active a:hover {
      color: #3c3c3c; }

.code-mirror-csharp {
  margin-bottom: 20px; }

.alert-box {
  background-color: #fff;
  border: 1px solid #a8a8a8;
  padding: 0 20px;
  position: relative; }
  .alert-box h3 {
    margin: 8px 0 !important; }
  .alert-box .far {
    font-size: 32px;
    color: orangered;
    position: absolute;
    top: 5px;
    background-color: #fff;
    padding: 5px;
    left: -24px; }

.header-h1-hero {
  position: relative;
  margin-bottom: 20px; }
  .header-h1-hero .decorative-text {
    font-size: 220px;
    position: absolute;
    top: -100px;
    text-align: center;
    left: 0;
    color: #ebebeb;
    font-weight: bold;
    z-index: -1;
    right: 0;
    margin: 0 auto;
    white-space: nowrap; }
  .header-h1-hero h1 {
    display: flex; }
    .header-h1-hero h1 .word-in-square {
      background: #9c0000;
      text-transform: uppercase;
      color: #fff;
      padding: 20px;
      font-size: 26px;
      mix-blend-mode: multiply;
      min-width: 200px;
      text-align: center; }
    .header-h1-hero h1 .product-name {
      position: relative;
      font-size: 42px;
      text-transform: uppercase;
      color: #3c3c3c;
      font-weight: bold;
      margin-top: 42px;
      padding-left: 20px; }
      .header-h1-hero h1 .product-name .tag-line {
        font-size: 26px;
        display: block;
        margin-left: 60px;
        font-weight: 700;
        color: orangered;
        text-transform: none;
        margin-bottom: 32px; }
      .header-h1-hero h1 .product-name:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 80%;
        height: 5px;
        background-color: #9c0000;
        display: block; }

.page-header-calltoaction {
  margin-bottom: 45px;
  padding: 0;
  padding: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(128, 128, 128, 0.75);
  -moz-box-shadow: 0px 0px 8px 0px rgba(128, 128, 128, 0.75);
  box-shadow: 0px 0px 8px 0px rgba(128, 128, 128, 0.75);
  position: relative;
  background-color: #fff; }
  .page-header-calltoaction:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 163px;
    height: 108px;
    background: url("/images/left-side-ads-bg.png") no-repeat top left; }
  .page-header-calltoaction:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 286px;
    height: 108px;
    background: url("/images/right-side-ads-bg.png") no-repeat top left; }
  .page-header-calltoaction .main-content {
    margin-left: 120px; }
    .page-header-calltoaction .main-content h4 {
      margin-top: 0;
      font-size: 30px; }
      .page-header-calltoaction .main-content h4:before {
        display: none; }
    .page-header-calltoaction .main-content h4 a {
      color: orangered; }
    .page-header-calltoaction .main-content a {
      color: #14171a;
      position: relative;
      z-index: 1; }
    .page-header-calltoaction .main-content > div {
      display: inline-block;
      color: #14171a; }

.btn-square {
  color: #fff;
  margin: 0 10px; }
  .btn-square .fa-angle-right {
    transition: all 0.3s ease-in-out; }
  .btn-square .number {
    font-size: 24px;
    text-align: left;
    border-bottom: 2px solid orangered;
    font-weight: bold; }
  .btn-square:hover .fa-angle-right {
    margin-left: 5px; }

.btn-z:hover {
  background: transparent none repeat scroll 0 0;
  color: orangered;
  text-shadow: 2px -1px transparent; }

.btn-xl {
  border-radius: 0.3rem;
  font-size: 2rem;
  line-height: 1.75;
  padding: 0.5rem 1rem; }

.btn-sm {
  font-size: 1rem;
  padding: 5px 15px; }

span.text-z {
  color: orangered; }

.list-underline li {
  text-decoration: underline; }

.list-light li a {
  color: #fff; }

ul.list-checked {
  margin: 10px 0;
  padding-left: 18px; }

.list-checked li {
  position: relative;
  line-height: 30px;
  list-style: outside none none; }
  .list-checked li .fal {
    color: orangered; }
  .list-checked li.prime {
    color: orangered;
    font-size: 18px; }
    .list-checked li.prime .fas {
      color: orangered;
      transition: all ease 0.3s; }
    .list-checked li.prime.black {
      color: #3c3c3c; }
      .list-checked li.prime.black .fas {
        color: #3c3c3c; }
  .list-checked li a:hover {
    color: #3c3c3c; }
    .list-checked li a:hover .fas {
      color: #3c3c3c; }

table {
  display: table !important; }

.form-group.container {
  padding: 0; }
  .form-group.container .row {
    padding: 0 15px; }

.separator {
  position: relative;
  margin: 10px 0;
  text-align: center; }
  .separator .text {
    position: relative;
    z-index: 999;
    background-color: #fff;
    padding: 0 10px;
    font-size: 20px;
    color: #657786; }
  .separator .line {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: orangered; }
  .separator.word {
    margin-top: -36px;
    margin-bottom: 20px; }
    .separator.word .text {
      font-size: 24px;
      padding: 10px 30px;
      background-color: #fff;
      color: #676565;
      border: 1px #a8a8a8 solid; }

ul code, li code, p code {
  /*border: 1px solid #a8a8a8;*/
  color: orangered;
  padding: 2px 4px; }

#launcher {
  right: 60px !important; }

@media (max-width: 990px) {
  body #launcher {
    right: 10px !important; }
  #scroll-to-top {
    display: none !important; }

  .triangles:not(h1) {
    width: 125px !important;
    height: 117px !important; }
  .page-header-calltoaction .main-content {
    padding-left: 15px; }
  .header-h1-hero .decorative-text {
    top: -35px;
    font-size: 82px; } }

@media (max-width: 1200px) {
  .page-header-calltoaction {
    border: 1px solid orangered; }
    .page-header-calltoaction:before, .page-header-calltoaction:after {
      display: none; }
    .page-header-calltoaction .main-content {
      margin-left: 0; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .huge-triangle {
    display: none !important; } }

@supports (-ms-ime-align: auto) {
  .huge-triangle {
    display: none !important; } }

.card-z {
  border: 1px solid #3c3c3c;
  border-radius: 0;
  height: 100%; }
  .card-z.dark {
    color: white;
    background-color: #222; }
  .card-z .card-header {
    background-color: #3c3c3c;
    border-radius: 0;
    color: white; }
  .card-z ul {
    list-style: none;
    padding: 0; }
  .card-z .card-block {
    padding: 10px 20px; }

.card-box {
  border-radius: 0; }

.card-box .card-header {
  border-radius: 0; }

.card-box .card-header {
  background: #cc0000;
  background: -webkit-radial-gradient(circle, #cc0000, #aa0000, #9a0000);
  background: -o-radial-gradient(circle, #cc0000, #aa0000, #9a0000);
  background: -moz-radial-gradient(circle, #cc0000, #aa0000, #9a0000);
  background: radial-gradient(circle, #cc0000, #aa0000, #9a0000);
  color: #fff; }

.card-box .card-header h2 {
  padding: 5px 0; }

.card-box .card-header a {
  color: #fff; }

.card-box-nav .card-body h3:not(:first-child) {
  margin-top: 15px; }

.card-box-nav .card-body ul {
  padding-left: 20px; }

.card-box-nav .card-body li {
  list-style: none;
  padding: 5px 0; }

.card-box-light {
  border: 1px solid #000;
  box-shadow: 10px 10px #101010; }

.card-box-dark {
  background: #282b2d;
  background: -moz-radial-gradient(circle, #262c2f, #101113);
  background: -webkit-radial-gradient(circle, #262c2f, #101113);
  background: -ms-radial-gradient(circle, #262c2f, #101113);
  background: -o-radial-gradient(circle, #262c2f, #101113);
  background: radial-gradient(circle, #262c2f, #101113);
  box-shadow: 10px 10px #101010; }

.card-code {
  border-radius: 0;
  border: 0; }

.card-code pre {
  font-weight: 300; }

.card-code-dark {
  background-color: #232323; }
  .card-code-dark .card-header {
    background-color: orangered;
    border: 1px solid orangered;
    color: #fff; }

.card-code-dark pre {
  color: #fff !important; }

.card-code-dark pre .c1 {
  color: #009900; }

.card-code-light {
  background: #fff;
  background: -webkit-radial-gradient(circle, #fff, #fff, #ccc);
  background: -o-radial-gradient(circle, #fff, #fff, #ccc);
  background: -moz-radial-gradient(circle, #fff, #fff, #ccc);
  background: radial-gradient(circle, #fff, #fff, #ccc);
  box-shadow: 10px 10px #999; }

.card-code-light pre {
  color: #14171a; }

.card-code-light pre .c1 {
  color: #008000; }

.card-code .btn-only {
  margin-top: 20px; }

.code-charp pre {
  margin-bottom: 0; }

div.code-charp {
  border: 1px solid #e2e2e2;
  background-color: #fafafa;
  min-width: 420px;
  max-width: 80%;
  margin-top: 20px;
  padding: 20px; }
  div.code-charp .csharp {
    color: black !important; }
    div.code-charp .csharp .comment {
      color: #008000; }
    div.code-charp .csharp .keyword {
      color: #0101FD; }
    div.code-charp .csharp .variable {
      color: #0101FD; }

#bounty-program {
  padding: 0; }
  #bounty-program h2 {
    margin: 60px auto 20px; }
  #bounty-program .container-bg-ticket {
    position: relative;
    display: none; }
    #bounty-program .container-bg-ticket #bg-ticket-style {
      width: 100%; }
  #bounty-program .container-reward-types {
    display: flex;
    align-items: center;
    margin-top: 60px; }
    #bounty-program .container-reward-types .reward-type {
      padding: 20px 40px;
      flex: 1;
      background-color: white;
      -webkit-box-shadow: 0px 0px 11px -4px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0px 0px 11px -4px rgba(0, 0, 0, 0.35);
      box-shadow: 0px 0px 11px -4px rgba(0, 0, 0, 0.35);
      height: 80%;
      text-align: center;
      position: relative;
      border: 1px solid #c5d3d8;
      background-color: #fefefe; }
      #bounty-program .container-reward-types .reward-type p {
        margin: 40px 0; }
      #bounty-program .container-reward-types .reward-type h3 {
        margin-top: 60px; }
      #bounty-program .container-reward-types .reward-type .icon-reward {
        position: absolute;
        top: -52px;
        left: 0;
        right: 0;
        margin: 0 auto; }
      #bounty-program .container-reward-types .reward-type.middle-man {
        margin: 0 -20px;
        z-index: 99;
        padding: 40px 40px;
        height: 100%; }
  #bounty-program .container-ways-to-get-rewards {
    display: flex;
    margin: 40px auto; }
    #bounty-program .container-ways-to-get-rewards.outer {
      background: url("../images/bg-main-zzz.png") repeat top left; }
    #bounty-program .container-ways-to-get-rewards .way-to-get-rewards {
      text-align: center;
      padding: 20px 40px;
      margin: 0 10px;
      flex: 1;
      background-color: white;
      border: 1px solid #dadada; }
      #bounty-program .container-ways-to-get-rewards .way-to-get-rewards ul {
        padding: 0;
        list-style: none; }

#career .job-container {
  margin-bottom: 40px; }
  #career .job-container h3:before {
    content: "";
    width: 100px;
    height: 3px;
    background-color: orangered;
    display: block; }
  #career .job-container .job-image {
    margin-bottom: 40px;
    margin-right: -150px;
    position: relative;
    z-index: 3; }
  #career .job-container .job-separator {
    position: relative;
    z-index: 0;
    width: 300px;
    background-color: #3c3c3c;
    display: block;
    margin-top: 20px; }
  #career .job-container .job-description, #career .job-container .job-requirements {
    margin-top: 20px;
    border: 1px solid #a8a8a8;
    padding: 30px;
    max-width: 33%; }
    #career .job-container .job-description p, #career .job-container .job-requirements p {
      text-align: justify; }
  #career .job-container .job-requirements {
    margin-top: 40px;
    border-left: 0; }
    #career .job-container .job-requirements .fa-circle {
      font-size: 8px;
      vertical-align: middle;
      color: orangered;
      margin-left: -13px; }
    #career .job-container .job-requirements ul li {
      padding-left: 13px;
      margin-bottom: 7px; }

#knowledge-base {
  min-height: 550px; }
  #knowledge-base code {
    font-weight: normal !important; }
  #knowledge-base.page-index h1 {
    text-align: center;
    font-size: 60px; }
    #knowledge-base.page-index h1:before {
      display: none; }
  #knowledge-base .btn-only {
    padding: 4px 14px; }
  #knowledge-base .kb-presentation-container {
    text-align: center;
    width: 800px;
    margin: 0 auto; }
    #knowledge-base .kb-presentation-container h2 {
      margin-bottom: 10px; }
    #knowledge-base .kb-presentation-container h3 {
      text-transform: uppercase;
      font-weight: 700;
      color: #a8a8a8;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 54px;
      margin: 0; }
      #knowledge-base .kb-presentation-container h3 .number {
        font-size: 60px;
        color: orangered;
        margin-right: 20px; }
      #knowledge-base .kb-presentation-container h3 .small-text {
        font-weight: 300;
        font-size: 14px;
        color: #a8a8a8;
        text-transform: uppercase;
        margin-right: 20px; }
  #knowledge-base .form-inline {
    margin: 0 auto;
    max-width: 100%; }
    #knowledge-base .form-inline input {
      border-radius: 0;
      width: 500px;
      max-width: calc(100% - 125px);
      margin-left: 10px; }
      #knowledge-base .form-inline input:focus {
        outline: 0;
        box-shadow: none; }
  #knowledge-base .fake-bg-image {
    position: absolute;
    top: -60px;
    right: 0;
    z-index: -1;
    opacity: 0.5; }
    #knowledge-base .fake-bg-image.left {
      left: 0; }
  #knowledge-base h1 {
    text-align: left;
    position: relative;
    color: #14171a;
    margin: 40px 0;
    max-width: calc(100% - 140px); }
    #knowledge-base h1 span {
      font-size: 34px !important;
      display: block; }
    #knowledge-base h1:before {
      display: block;
      background-color: #a8a8a8;
      width: 50%;
      height: 3px;
      position: absolute;
      right: 101%;
      top: 23px;
      content: ""; }
    #knowledge-base h1 span {
      color: orangered;
      display: block;
      font-size: 20px; }
  #knowledge-base .attribution {
    border: 1px solid #a8a8a8;
    padding: 10px;
    width: 96%;
    font-size: 14px;
    margin: 0 auto; }
    #knowledge-base .attribution.for-mobile {
      display: none; }
  #knowledge-base .language-selection {
    position: absolute;
    top: 42px;
    right: 15px; }
    #knowledge-base .language-selection .dropdown-menu {
      width: 200px; }
      #knowledge-base .language-selection .dropdown-menu .dropdown-item {
        width: 100%; }
    #knowledge-base .language-selection button {
      color: orangered;
      border: 1px solid orangered;
      border-radius: 0;
      background-color: #fff; }
  #knowledge-base .language-selector-container #collapseLanguages {
    margin-top: 10px;
    padding: 7px 0; }
    #knowledge-base .language-selector-container #collapseLanguages .dropdown-item {
      width: 33%; }
      #knowledge-base .language-selector-container #collapseLanguages .dropdown-item:hover {
        color: orangered; }
      #knowledge-base .language-selector-container #collapseLanguages .dropdown-item.current-language {
        color: orangered; }
  #knowledge-base .search-container {
    margin: 40px 0; }
  #knowledge-base .badge {
    background-color: #3c3c3c;
    transition: all ease 0.3s; }
    #knowledge-base .badge a {
      color: white; }
    #knowledge-base .badge:nth-child(even) {
      background: #a8a8a8; }
    #knowledge-base .badge:hover {
      background-color: orangered; }
  #knowledge-base .search-results-container {
    background-color: #fff;
    opacity: 0.8; }
    #knowledge-base .search-results-container h1 {
      color: orangered; }
    #knowledge-base .search-results-container .query-searched {
      color: orangered; }
    #knowledge-base .search-results-container blockquote:before {
      display: none; }
    #knowledge-base .search-results-container blockquote blockquote {
      background-color: transparent;
      border: 0;
      margin: 0;
      padding: 0; }
      #knowledge-base .search-results-container blockquote blockquote:before {
        display: none; }
    #knowledge-base .search-results-container .block-question {
      width: 100%;
      padding: 7px; }
      #knowledge-base .search-results-container .block-question h1 {
        color: #14171a; }
        #knowledge-base .search-results-container .block-question h1:before {
          display: none; }
      #knowledge-base .search-results-container .block-question .container-question {
        border: 1px solid #d8d8d8;
        padding: 20px;
        position: relative; }
        #knowledge-base .search-results-container .block-question .container-question .fa-stack-overflow {
          color: #f38216; }
        #knowledge-base .search-results-container .block-question .container-question:before {
          position: absolute;
          top: -1px;
          right: -1px;
          content: "";
          display: block;
          width: 70%;
          height: 25px;
          border-top: 1px solid #3c3c3c;
          border-right: 1px solid #3c3c3c; }
        #knowledge-base .search-results-container .block-question .container-question:after {
          position: absolute;
          bottom: -1px;
          left: -1px;
          content: "";
          display: block;
          width: 70%;
          height: 25px;
          border-left: 1px solid #3c3c3c;
          border-bottom: 1px solid #3c3c3c; }
        #knowledge-base .search-results-container .block-question .container-question h3 {
          font-size: 24px; }
          #knowledge-base .search-results-container .block-question .container-question h3 a:hover {
            color: #3c3c3c; }
        #knowledge-base .search-results-container .block-question .container-question .profile-container {
          font-size: 12px; }
          #knowledge-base .search-results-container .block-question .container-question .profile-container .asker-name {
            font-weight: bold; }
  #knowledge-base.kb-details .container-h1 {
    margin: 40px 0; }
    #knowledge-base.kb-details .container-h1 h1 {
      margin: 0; }
  #knowledge-base.kb-details h2 {
    margin-bottom: 40px;
    text-align: justify;
    color: #3c3c3c; }
  #knowledge-base.kb-details h3 span {
    color: orangered; }
  #knowledge-base.kb-details .block-question img {
    max-width: 100%; }
  #knowledge-base.kb-details .block-question .container-question {
    padding: 20px !important; }
    #knowledge-base.kb-details .block-question .container-question:before {
      border-top: 5px solid #f38216;
      border-right: 5px solid #f38216; }
    #knowledge-base.kb-details .block-question .container-question:after {
      border-left: 5px solid #f38216;
      border-bottom: 5px solid #f38216; }
  #knowledge-base.kb-details .block-question.answer .container-question:before {
    border-top: 5px solid #6dc051;
    border-right: 5px solid #6dc051; }
  #knowledge-base.kb-details .block-question.answer .container-question:after {
    border-left: 5px solid #6dc051;
    border-bottom: 5px solid #6dc051; }
  #knowledge-base.kb-details .block-question.second-answer .container-question:before {
    border-top: 5px solid #2d93e8;
    border-right: 5px solid #2d93e8; }
  #knowledge-base.kb-details .block-question.second-answer .container-question:after {
    border-left: 5px solid #2d93e8;
    border-bottom: 5px solid #2d93e8; }
  #knowledge-base.kb-details .container-question-header {
    position: absolute;
    top: -80px; }

@media (max-width: 991px) {
  .attribution.for-mobile {
    display: block !important; }
  #knowledge-base .fake-bg-image {
    display: none; }
  #knowledge-base .language-selection {
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
    margin: 20px 0; }
  #knowledge-base .search-container {
    margin: 40px 0 0 0; }
  #knowledge-base .container-h1 {
    text-align: center; }
    #knowledge-base .container-h1 h1 {
      text-align: center; }
  #knowledge-base.kb-details .container-h1 {
    margin-bottom: 0; }
  #knowledge-base.page-index h1 {
    font-size: 48px; }
  #knowledge-base.page-index .kb-presentation-container {
    width: 100%; }
    #knowledge-base.page-index .kb-presentation-container h3 {
      font-size: 24px; }
      #knowledge-base.page-index .kb-presentation-container h3 .number {
        font-size: 40px; } }

#renewal-page {
  margin-top: 42px; }
  #renewal-page .container-benefit {
    padding: 60px 0; }
    #renewal-page .container-benefit.gray {
      background-color: #f7f7f7; }
    #renewal-page .container-benefit .roadmap-container {
      padding: 0 !important; }
      #renewal-page .container-benefit .roadmap-container .title {
        text-align: center;
        font-size: 22px;
        color: #14171a;
        margin: 20px 0; }
  #renewal-page .products .product .product-name {
    transition: all ease 0.3s;
    display: block;
    border: 1px solid #a8a8a8;
    padding: 8px 20px;
    margin-top: 10px; }
  #renewal-page .products .product:hover .product-name {
    border-color: orangered; }
  #renewal-page .container-title {
    position: relative; }
    #renewal-page .container-title h2 {
      position: relative;
      margin-bottom: 42px;
      color: #14171a; }
      #renewal-page .container-title h2 .benefit-title {
        padding-left: 10px; }
    #renewal-page .container-title .advantage-icon {
      position: absolute;
      width: 128px;
      top: -30px;
      transition: all ease 2s; }
  #renewal-page .section-products-prime {
    position: relative;
    padding: 20px;
    margin: 10px 0; }
    #renewal-page .section-products-prime a:hover {
      cursor: pointer; }
      #renewal-page .section-products-prime a:hover:before, #renewal-page .section-products-prime a:hover:after {
        color: orangered; }
      #renewal-page .section-products-prime a:hover .product-name:before {
        width: 25%; }
    #renewal-page .section-products-prime .product-name {
      font-size: 24px;
      color: orangered; }
      #renewal-page .section-products-prime .product-name .number {
        font-weight: bold;
        color: #1e1e1e; }
      #renewal-page .section-products-prime .product-name:before {
        content: "";
        background-color: orangered;
        height: 3px;
        width: 10%;
        display: block;
        transition: all ease 0.3s; }
    #renewal-page .section-products-prime p {
      margin-top: 10px;
      padding-left: 34px;
      color: #657786; }
    #renewal-page .section-products-prime .fake-cta-container {
      min-height: 40px; }
    #renewal-page .section-products-prime .fake-cta {
      transition: all ease 0.3s;
      background-color: #3c3c3c;
      padding: 8px 16px;
      display: inline-block;
      color: white;
      position: absolute;
      bottom: 0;
      right: 35px; }
      #renewal-page .section-products-prime .fake-cta:before, #renewal-page .section-products-prime .fake-cta:after {
        transition: all ease .7s;
        content: "";
        position: absolute;
        width: 20px;
        height: 20px; }
      #renewal-page .section-products-prime .fake-cta:before {
        right: 0;
        bottom: 0;
        border-right: 1px solid #3c3c3c;
        border-bottom: 1px solid #3c3c3c; }
      #renewal-page .section-products-prime .fake-cta:after {
        top: 0;
        left: 0;
        border-left: 1px solid #3c3c3c;
        border-top: 1px solid #3c3c3c; }
      #renewal-page .section-products-prime .fake-cta:hover {
        color: orangered;
        background-color: white; }
        #renewal-page .section-products-prime .fake-cta:hover:before, #renewal-page .section-products-prime .fake-cta:hover:after {
          width: 100%;
          height: 100%;
          border-color: orangered; }
  #renewal-page .discount-section .col-md-4 {
    padding: 15px; }
    #renewal-page .discount-section .col-md-4 .a-discount {
      height: 100%;
      color: white;
      text-align: center;
      padding: 25px;
      max-width: 350px;
      margin: 0 auto; }
      #renewal-page .discount-section .col-md-4 .a-discount .year-number {
        font-size: 72px;
        font-weight: 700; }
      #renewal-page .discount-section .col-md-4 .a-discount .year-word {
        font-size: 42px;
        font-weight: 700;
        margin-left: 15px; }
      #renewal-page .discount-section .col-md-4 .a-discount .discount-amount {
        font-size: 34px;
        line-height: 34px; }
      #renewal-page .discount-section .col-md-4 .a-discount p {
        margin: 20px 0; }
        #renewal-page .discount-section .col-md-4 .a-discount p span {
          font-size: 24px;
          font-weight: 700;
          display: block; }
    #renewal-page .discount-section .col-md-4:nth-child(1) .a-discount {
      background: url("../../images/bg-1-year.png") no-repeat top left; }
    #renewal-page .discount-section .col-md-4:nth-child(2) .a-discount {
      background: url("../../images/bg-2-years.png") no-repeat top left; }
    #renewal-page .discount-section .col-md-4:nth-child(3) .a-discount {
      background: url("../../images/bg-3-years.png") no-repeat top left; }

.online-examples a {
  color: #1da1f2; }

.online-examples .k-widget {
  border-color: #676565; }

.online-examples .k-autocomplete, .online-examples .k-block, .online-examples .k-calendar .k-link, .online-examples .k-calendar td, .online-examples .k-calendar-container, .online-examples .k-colorpicker, .online-examples .k-combobox, .online-examples .k-datepicker, .online-examples .k-datetimepicker, .online-examples .k-drag-clue, .online-examples .k-dropdown, .online-examples .k-dropdown-wrap, .online-examples .k-editor-inline, .online-examples .k-grid .k-filter-options, .online-examples .k-grouping-header .k-group-indicator, .online-examples .k-inline-block, .online-examples .k-list-container, .online-examples .k-multiselect, .online-examples .k-notification, .online-examples .k-numeric-wrap, .online-examples .k-numerictextbox, .online-examples .k-picker-wrap, .online-examples .k-slider-selection, .online-examples .k-slider-track, .online-examples .k-textbox, .online-examples .k-tile, .online-examples .k-timepicker, .online-examples .k-tooltip, .online-examples .k-touch-scrollbar, .online-examples .k-treeview .k-in, .online-examples .k-upload, .online-examples .k-window, .online-examples .k-window-action, .online-examples .k-window-titleless .k-window-content {
  border-radius: 0 !important; }

.online-examples .k-i-sort-asc-sm, .online-examples .k-i-sort-desc-sm {
  color: #fff !important; }

.online-examples .k-pager-sizes .k-widget.k-dropdown {
  margin-top: 0 !important; }

.online-examples .k-state-active {
  background-color: #1da1f2; }

.online-examples .k-filtercell > span {
  min-height: unset; }

.online-examples .k-picker-wrap .k-select {
  line-height: 26px; }

.online-examples .k-filter-row th {
  padding: 5px; }

.online-examples .k-filter-row button.k-button {
  padding: 0;
  height: 28px;
  border-radius: 0; }

.online-examples .k-grid td.k-state-selected:hover, .online-examples .k-grid tr.k-state-selected:hover td {
  background-color: #1da1f2 !important; }

.online-examples .k-state-selected {
  background-color: #3c3c3c !important; }
  .online-examples .k-state-selected a {
    color: #fff; }

.online-examples .k-dropdown-wrap .k-input {
  line-height: 26px;
  padding: 0; }

.online-examples .k-dropdown-wrap .k-select {
  line-height: 26px; }

.online-examples .k-pager-info {
  padding: 0; }

.online-examples .k-pager-refresh {
  line-height: 26px !important;
  height: 26px !important; }
  .online-examples .k-pager-refresh .k-icon {
    margin-top: -10px !important;
    line-height: 26px;
    height: 26px; }

.online-examples .k-grid-content table tr td:nth-child(2) {
  padding-left: 23px; }

.online-examples .k-grid-content table tr td:nth-child(3) {
  text-align: center; }

.online-examples .k-grid-header {
  background-color: #3c3c3c;
  padding-right: 0px !important;
  border-color: #3c3c3c !important; }
  .online-examples .k-grid-header .k-grid-header-wrap {
    border-color: #3c3c3c !important; }
  .online-examples .k-grid-header th {
    border-color: #3c3c3c !important;
    border-collapse: collapse; }
  .online-examples .k-grid-header .k-input, .online-examples .k-grid-header .k-dropdown-wrap .k-select {
    line-height: 26px !important;
    padding: 0; }
  .online-examples .k-grid-header .k-header {
    background-color: #3c3c3c; }
    .online-examples .k-grid-header .k-header a {
      color: #fff; }
  .online-examples .k-grid-header th.k-header {
    padding: 5px; }

.online-examples .k-grid .k-alt {
  background-color: #ebebeb; }

.online-examples .k-grid td {
  padding: 5px 10px;
  border-color: #3c3c3c; }

.online-examples .k-pager-wrap {
  background-color: #3c3c3c;
  color: #fff !important; }
  .online-examples .k-pager-wrap a, .online-examples .k-pager-wrap .k-pager-info {
    color: #fff !important; }
  .online-examples .k-pager-wrap .k-state-selected {
    background-color: #fff;
    line-height: 28px;
    padding: 0 !important;
    border: 0 !important;
    color: #fff;
    margin-top: 0 !important;
    min-width: unset; }
  .online-examples .k-pager-wrap li .k-link {
    border-color: transparent;
    line-height: 26px;
    height: 26px; }
    .online-examples .k-pager-wrap li .k-link:hover {
      border-color: #3c3c3c; }
  .online-examples .k-pager-wrap .k-icon {
    opacity: 1; }
  .online-examples .k-pager-wrap .k-pager-nav {
    height: 26px;
    line-height: 26px;
    width: 26px;
    min-width: unset; }
    .online-examples .k-pager-wrap .k-pager-nav:hover {
      border-color: #3c3c3c !important;
      background-color: #fff; }
      .online-examples .k-pager-wrap .k-pager-nav:hover .k-icon {
        color: #3c3c3c !important; }

#scroll-to-top {
  background: rgba(0, 0, 0, 0.7);
  display: none;
  position: fixed;
  bottom: 13px;
  right: 20px;
  width: 46px;
  height: 46px;
  border-radius: 35px;
  z-index: 999; }

#scroll-to-top i {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
  font-size: 1.875rem;
  position: relative;
  text-align: center;
  top: 7px;
  width: 100%; }

#scroll-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
  cursor: pointer; }

#modal-with-graph {
  position: fixed;
  z-index: 66;
  right: 85px;
  bottom: 13px;
  background-color: #f43131;
  padding: 11px 20px;
  border-radius: 30px;
  color: white;
  border: 0; }
  #modal-with-graph:hover {
    background-color: orangered; }

.modal-dialog {
  max-width: 700px; }
  .modal-dialog .modal-header {
    /*background-color: $color-modal-header;
        color: $color-modal-header-text;*/
    border-radius: 0; }
  .modal-dialog .modal-content {
    border-radius: 0; }
  .modal-dialog .close {
    position: absolute;
    top: 16px;
    right: 18px;
    color: #fff; }

.footer-powered-by {
  background-color: #14171a;
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid orangered;
  color: #fff; }
  .footer-powered-by .middle-man {
    margin: 0 50px 0 20px;
    font-size: 14px;
    text-align: left; }
    .footer-powered-by .middle-man span {
      display: block;
      font-size: 18px;
      font-weight: bold; }
  .footer-powered-by .btn-only {
    padding: 5px 10px; }

.site-footer {
  background: #282b2d;
  background: -moz-radial-gradient(circle, #262c2f, #101113);
  background: -webkit-radial-gradient(circle, #262c2f, #101113);
  background: -ms-radial-gradient(circle, #262c2f, #101113);
  background: -o-radial-gradient(circle, #262c2f, #101113);
  background: radial-gradient(circle, #262c2f, #101113);
  color: #fff;
  font-size: 1.5rem; }

.site-footer input {
  margin: 0 15px; }

.section-newsletter input[type="email"] {
  border-radius: 0;
  border: 0;
  background-color: transparent;
  border-bottom: 1px solid orangered;
  font-size: 24px;
  color: #fff; }
  .section-newsletter input[type="email"]:focus {
    box-shadow: none !important; }

.section-free,
.section-prime {
  text-align: center; }
  .section-free h4,
  .section-prime h4 {
    margin: 15px auto; }
    .section-free h4 a,
    .section-prime h4 a {
      text-decoration: underline; }

.section-free {
  overflow: hidden; }
  .section-free a {
    display: block;
    color: #fff;
    font-size: 14px; }
  .section-free .col-2 {
    padding: 10px 0;
    border-top: 1px solid #676565;
    border-bottom: 1px solid #676565;
    margin: 0 10px; }

.site-footer {
  max-width: 100vw; }
  .site-footer .content-free-projects {
    position: relative;
    z-index: 50; }
  .site-footer .small-footer-link {
    font-size: 12px; }
    .site-footer .small-footer-link a {
      color: #a8a8a8;
      margin: 7px; }
  .site-footer a {
    transition: all ease 0.3s; }
    .site-footer a:hover {
      color: orangered; }
  .site-footer .section-free {
    background-color: #353535;
    /*.small-link {
            padding: 5px 10px;
            background-color: $color-z;
            border: 1px solid $color-z;

            &:hover {
                color: $color-z;
                background-color: #353535;
            }
        }*/ }
    .site-footer .section-free .contact-us-footer {
      margin-top: 50px;
      background-color: coral;
      padding: 20px 0;
      transition: all ease 0.3s;
      font-size: 18px;
      height: 142px; }
      .site-footer .section-free .contact-us-footer a {
        background-color: #3c3c3c;
        padding: 8px 16px;
        font-size: 16px;
        color: #fff;
        display: inline-block;
        border: 1px solid #3c3c3c;
        margin-top: 10px; }
        .site-footer .section-free .contact-us-footer a:hover {
          background-color: transparent; }
  .site-footer .section-prime {
    padding: 0.1px 0px 15px;
    background-color: #3c3c3c; }
  .site-footer .card-header h3 a {
    padding-right: 24px; }
  .site-footer .section-newsletter {
    background-color: transparent;
    padding: 0; }
    .site-footer .section-newsletter::after {
      content: "";
      position: absolute;
      z-index: 20;
      background: url("../img/background_footer.png") no-repeat top left;
      top: 0;
      bottom: 0;
      right: -125%;
      width: 130%;
      -webkit-transform: skewX(-45deg);
      transform: skewX(-45deg);
      -webkit-transform-origin: left center;
      transform-origin: left center; }
    .site-footer .section-newsletter .container-form {
      position: relative;
      z-index: 5;
      margin-top: 20px; }

.prime .section-prime {
  padding: 0; }

.prime .helper-link {
  padding: 20px 0;
  transition: all ease 0.3s;
  background-color: #232323;
  max-width: 33.33%;
  color: #fff; }
  .prime .helper-link span {
    display: block;
    font-size: 14px;
    max-width: 70%;
    margin: 0 auto;
    color: #a8a8a8; }
    .prime .helper-link span:before {
      transition: all ease 0.3s;
      content: "";
      display: block;
      background-color: orangered;
      width: 20%;
      height: 3px;
      margin: 5px auto 10px; }
  .prime .helper-link:hover {
    background-color: orangered;
    color: #fff; }
    .prime .helper-link:hover span {
      color: #fff; }
      .prime .helper-link:hover span:before {
        background-color: #3c3c3c; }

.prime .content-free-projects h4 {
  margin-top: 20px; }

.prime .content-free-projects a {
  display: inline-block; }

.prime .middle-man {
  background-color: #14171a; }

@media (max-width: 991px) {
  .helper-link {
    max-width: 100% !important; }
    .helper-link span {
      display: none !important; }
  .section-free {
    display: block !important; }
    .section-free a {
      margin: 10px 0; }
    .section-free .contact-us-footer {
      margin: 0 !important; }
  .section-newsletter::after {
    display: none; }
  #modal-with-graph {
    display: none; } }

.site-header {
  margin-top: 0px;
  background: #282b2d;
  background: -moz-radial-gradient(circle, #262c2f, #101113);
  background: -webkit-radial-gradient(circle, #262c2f, #101113);
  background: -ms-radial-gradient(circle, #262c2f, #101113);
  background: -o-radial-gradient(circle, #262c2f, #101113);
  background: radial-gradient(circle, #262c2f, #101113);
  border-bottom: 1px solid orangered;
  -webkit-box-shadow: 0px 3px 12px 3px rgba(43, 43, 43, 0.2);
  -moz-box-shadow: 0px 3px 12px 3px rgba(43, 43, 43, 0.2);
  box-shadow: 0 3px 12px 3px rgba(43, 43, 43, 0.2); }

.language-selection .btn {
  color: #fff; }
  .language-selection .btn:hover {
    background-color: transparent;
    color: orangered; }
  .language-selection .btn:active, .language-selection .btn:focus {
    background-color: transparent;
    color: orangered;
    box-shadow: none !important; }

.body-index .site-header {
  background: none;
  background-color: #fff;
  border-bottom: 1px solid orangered; }

.body-index .language-selection .btn {
  color: #14171a; }
  .body-index .language-selection .btn:hover {
    background-color: transparent;
    color: orangered; }
  .body-index .language-selection .btn:active, .body-index .language-selection .btn:focus {
    background-color: transparent;
    color: orangered; }

.body-index #context-menu {
  /*&.context-absolute {
            background-color: $color-header-context-background;

            a {
                color: $color-header-context-link;

                &:hover {
                    color: $color-header-link-hover;
                }
            }

            .dropdown-toggle {
                color: $color-header-context-link !important;

                &:hover {
                    color: $color-header-link-hover !important;
                }
            }

            .dropdown-menu {
                a {
                    color: $color-header-link;

                    &:hover {
                        color: $color-header-link-hover;
                    }
                }
            }
        }*/ }
  .body-index #context-menu a {
    color: #14171a; }
    .body-index #context-menu a:hover {
      color: orangered !important; }
  .body-index #context-menu .dropdown, .body-index #context-menu .dropdown-toggle {
    color: #14171a; }
    .body-index #context-menu .dropdown:hover, .body-index #context-menu .dropdown-toggle:hover {
      color: orangered !important; }
  .body-index #context-menu .dropdown-menu a {
    color: #14171a; }

@media (max-width: 1049) {
  #context-menu a,
  #context-menu .dropdown-toggle,
  .prime a.nav-link {
    font-size: 14px !important; }
  .prime a.unique-btn {
    font-size: 14px !important; } }

@media print {
  .site-header {
    position: relative; } }
  
.dropdown-toggle {
  color: white;
  border: 0;
  background-color: transparent; }
  .dropdown-toggle:focus {
    outline: none;
    box-shadow: none; }

.dropdown-menu {
  top: 110%;
  border-radius: 0;
  width: 289px; }
  .dropdown-menu .dropdown-item {
    width: 50%; }


.site-header .nav-site .nav-item .nav-link {
  color: #14171a;
  font-size: 1.125rem;
  font-weight: 300;
}

.site-header .nav-site .nav-item.active .nav-link {
  font-weight: bold;
  color: orangered; }


.home-icon {
  display: block;
  padding: 3px; }


.site-header .nav-context nav {
  padding-bottom: 0px;
  padding-top: 0px; }

.site-header .nav-context nav li {
  font-size: 1.25rem; }

.site-header .nav-context nav li .nav-link .fa-home {
  font-size: 1.5rem; }

.section-nav h3 {
  color: white !important; }

.section-nav h4 {
  margin-top: 5px; }

.bg-blured {
  background: url("/images/bg_blured.jpg") no-repeat top left;
  position: relative; }

.section-main {
  position: relative;
  padding-left: 40px;
  padding-top: 40px;
  min-height: 1000px;
  padding-bottom: 100px;
  color: #14171a; }
  .section-main .CodeMirror {
    width: calc(100% - 1px);
    font-size: 16px; }
  .section-main a:hover {
    color: #3c3c3c; }
  .section-main img {
    max-width: 100%;
    display: block; }
  .section-main .badge {
    background-color: #3c3c3c;
    transition: all ease 0.3s; }
    .section-main .badge a {
      color: white; }
    .section-main .badge:nth-child(even) {
      background: #a8a8a8; }
    .section-main .badge:hover {
      background-color: orangered; }

.next-previous-container {
  position: relative;
  z-index: 49;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px; }
  .next-previous-container a {
    position: fixed;
    top: 50%;
    color: #e4e4e4;
    font-size: 48px;
    display: flex;
    align-items: center; }

.next-previous-container-mobile {
  display: none; }
  .next-previous-container-mobile a {
    flex-grow: 1;
    margin: 20px 0;
    padding: 10px;
    box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px;
    border: 1px solid #1da1f2;
    color: #42505a;
    font-size: 14px; }
    .next-previous-container-mobile a i {
      font-size: 20px; }
    .next-previous-container-mobile a.previous {
      margin-right: 10px;
      text-align: right; }
    .next-previous-container-mobile a b {
      color: #42505a;
      font-size: 18px; }
    .next-previous-container-mobile a:hover {
      color: orangered; }
      .next-previous-container-mobile a:hover b {
        color: orangered; }

.section-main h1 {
  font-weight: 800;
  font-size: 3.5rem;
  position: relative;
  text-align: left;
  color: #14171a;
  position: relative; }
  .section-main h1 span {
    display: block;
    font-size: 32px;
    font-weight: normal;
    color: orangered; }

.container-doc .section-main table td {
  min-width: 105px; }

.container-doc .section-main table code {
  color: #14171a; }

.container-doc .section-main h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #14171a;
  font-size: 24px; }

.container-doc .section-main h2[id] {
  pointer-events: none; }

.container-doc .section-main h2:not(:first-child), .container-doc .section-main h3, .container-doc .section-main h4 {
  margin-top: 3rem; }
  .container-doc .section-main h2:not(:first-child) i, .container-doc .section-main h3 i, .container-doc .section-main h4 i {
    margin-left: 5px;
    font-size: 18px; }
  .container-doc .section-main h2:not(:first-child):before, .container-doc .section-main h3:before, .container-doc .section-main h4:before {
    display: block;
    height: 8rem;
    margin-top: -8rem;
    content: ""; }
  .container-doc .section-main h2:not(:first-child) div, .container-doc .section-main h3 div, .container-doc .section-main h4 div {
    pointer-events: auto;
    color: #14171a;
    align-items: center;
    display: flex; }
    .container-doc .section-main h2:not(:first-child) div a, .container-doc .section-main h3 div a, .container-doc .section-main h4 div a {
      align-items: center;
      display: flex;
      opacity: 0; }
    .container-doc .section-main h2:not(:first-child) div:hover a, .container-doc .section-main h3 div:hover a, .container-doc .section-main h4 div:hover a {
      opacity: 1; }

.container-doc .section-main .card h3:before {
  display: none; }

.container-doc .section-main h3, .container-doc .section-main h4 {
  margin-top: 2rem; }

.container-doc .section-main h2 {
  margin-bottom: 10px;
  color: #14171a;
  font-size: 34px;
  position: relative; }

.container-doc .section-main .problem {
  color: orangered !important;
  border: 1px solid orangered; }

.section-article .card-code {
  margin-bottom: 30px; }

.section-faq h2 {
  margin-bottom: 20px; }

.section-faq .card {
  margin-bottom: 20px; }

.section-faq .card .card-header h3 {
  font-size: 1.25rem; }

.section-faq .card {
  border-radius: 0; }
  .section-faq .card .card-header {
    border-radius: 0;
    background-color: #fdfdfd; }
    .section-faq .card .card-header:hover h3 a {
      color: orangered; }

.section-faq h3 {
  margin-top: 0; }

.section-faq .card .card-header h3 a {
  display: block;
  position: relative;
  color: #657786;
  transition: all ease 0.3s; }

.section-faq .card .card-header h3 a span {
  margin-right: 20px; }

.section-faq .card .card-header .fas {
  position: absolute;
  right: 0px;
  top: 4px;
  transition: all ease 0.3s; }

.section-faq .card .card-header h3 a[aria-expanded="true"] .fas {
  top: 2px;
  transform: rotate(180deg); }

.section-header {
  min-height: 200px;
  text-align: center; }

.section-header h1 {
  font-size: 5rem;
  text-align: center;
  padding-top: 50px; }

.section-header .h2-outer {
  padding-bottom: 40px; }

@media (min-width: 1200px) {
  .section-main {
    max-width: 1000px; }
  .body-online-examples .section-main {
    max-width: unset; } }

@media (max-width: 1200px) {
  .section-aside {
    display: none; }
  .next-previous-container {
    display: none; }
  .next-previous-container-mobile {
    display: flex; } }

@media (max-width: 990px) {
  .section-header h1 {
    font-size: 3rem; }
  .section-header h2 {
    color: #a0a0a0; }
  .section-faq .card .card-header h3 a:after {
    right: -10px;
    top: calc(50% - 16px); }
  #main-container-z .section-main {
    padding: 10px; }
    #main-container-z .section-main h1 {
      font-size: 2.5rem; }
    #main-container-z .section-main h2 {
      font-size: 1.5rem; } }

.download-count2,
.page-download-nuget .download-count {
  background-color: #222;
  padding-top: 20px;
  padding-left: 40px; }

.tags-article {
  margin-bottom: 15px;
  position: relative;
  top: -10px; }

.tags-article .badge {
  border-radius: 0;
  margin-right: 3px; }

.section-aside {
  position: relative; }
  .section-aside a {
    font-size: 14px;
    color: #657786; }
    .section-aside a:hover {
      color: #1da1f2; }
  .section-aside .searchform {
    position: relative; }
    .section-aside .searchform input[type="text"] {
      border-radius: 0;
      height: 38px;
      padding-right: 50px; }
      .section-aside .searchform input[type="text"]:focus {
        box-shadow: none !important; }
    .section-aside .searchform button {
      position: absolute;
      background-color: orangered;
      border: 0;
      color: #fff;
      padding: 7px;
      top: 0;
      right: 0;
      width: 40px;
      transition: all ease 0.3s; }
      .section-aside .searchform button:hover {
        cursor: pointer;
        background-color: #3c3c3c; }
  .section-aside .card {
    background-color: transparent;
    border: 0; }
  .section-aside .card-header {
    font-size: 18px;
    padding: 10px;
    background: none;
    background-color: rgba(230, 230, 230, 0.1);
    border: 0;
    border-left: 3px solid orangered;
    color: #42505a; }
  .section-aside .card-body {
    background-color: transparent;
    padding-top: 0; }
    .section-aside .card-body a {
      color: #657786; }
      .section-aside .card-body a:hover {
        color: #1da1f2; }
    .section-aside .card-body h3 {
      color: #42505a;
      font-size: 18px; }
  .section-aside .btn.download {
    font-weight: normal; }
    .section-aside .btn.download span {
      transition: all ease 0.3s;
      margin: 0 10px; }
    .section-aside .btn.download:hover span {
      margin: 0 20px; }
  .section-aside .newsletter span {
    display: inline-block;
    vertical-align: middle; }

.section-aside-inner {
  position: fixed;
  margin-top: 15px; }

.menu-fixed {
  max-height: calc(100vh - 113px) !important;
  overflow-y: scroll; }

.section-nav {
  border-right: 1px solid #657786;
  padding: 0;
  position: relative;
  min-height: 100vh;
  background-color: #f3f7f8; }
  .section-nav h4 {
    padding: 0 0 0 15px; }
  .section-nav h3 {
    padding: 0 10px;
    color: #42505a !important; }
    .section-nav h3 span {
      margin-top: 10px;
      display: block;
      font-size: 38px;
      color: #42505a;
      padding-bottom: 10px;
      margin-bottom: 5px;
      border-bottom: 3px solid orangered; }

.section-nav .card {
  background: transparent;
  border: 0;
  color: #42505a; }

.section-nav .card .card-body {
  padding: 5px 0 0 0; }

.section-nav .card ul {
  padding: 0; }
  .section-nav .card ul li {
    padding: 0; }
    .section-nav .card ul li ul {
      margin-bottom: 15px;
      /*li {
                    &:first-child {
                        border-top: 1px solid $color-sidebar-border;
                    }

                    border-bottom: 1px solid $color-sidebar-border;
                }*/ }
    .section-nav .card ul li a {
      padding: 5px 20px;
      display: block;
      color: #657786; }
      .section-nav .card ul li a.active {
        color: #fff;
        background-color: orangered; }
      .section-nav .card ul li a:hover {
        background-color: orangered;
        color: #fff; }

.sidebar-menu .ul-toggler:not(.collapsed) i.fa-angle-right {
  display: none; }

.sidebar-menu .ul-toggler.collapsed i.fa-angle-down {
  display: none; }

.sidebar-menu ul ul {
  margin-left: 15px;
  border-left: 1px solid #e6ecf1; }

.sidebar-menu .ul-toggler {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px; }

.sidebar-menu ul ul li .ul-toggler {
  padding-top: 0px;
  padding-bottom: 0px; }

.sidebar-menu .ul-toggler .fas {
  color: #657786;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 5px;
  /*font-weight: 400;*/ }

.sidebar-menu .ul-toggler-text {
  flex: 1; }

.sidebar-menu .ul-toggler .nav-link {
  flex: 1; }

.sidebar-menu a {
  padding: 5px 20px;
  padding-left: 10px;
  display: block;
  color: #657786; }
  .sidebar-menu a.active {
    color: #fff;
    background-color: orangered; }
  .sidebar-menu a:hover {
    background-color: orangered;
    color: #fff; }

.index-section-features .card-header {
  display: none; }

/* GENERA */
.index-section-features .card-code {
  background-color: #f3f7f8;
  border: 1px solid #a8a8a8; 
}

.index-section-features .faux-code {
	color: #42505a !important; 
	overflow:hidden;
}
  .index-section-features .faux-code pre {
    color: #42505a !important; }
  .index-section-features .faux-code .comment {
    color: #008000; }
  .index-section-features .faux-code .keyword {
    color: #52a9e8; }
  .index-section-features .faux-code .variable {
    color: #0101FD; }

.index-section-features h3 {
  color: #14171a;
  font-size: 30px; }

.index-section-features .example-feature {
  border-color: #a8a8a8; }
  .index-section-features .example-feature:last-child {
    border: 0; 
	margin-bottom:0px;
	padding-bottom:0px;
	}

.new-hero.v2 {
  position: relative; }
  .new-hero.v2 h1 {
    font-size: 56px; }
  .new-hero.v2 .huge-triangle {
    width: 50%;
    height: 350px;
    background-color: #fff;
    background-size: cover;
    position: absolute;
    bottom: 0; }
    .new-hero.v2 .huge-triangle.left {
      clip-path: polygon(0% 100%, 100% 100%, 0% 46%);
      left: 0; }
    .new-hero.v2 .huge-triangle.right {
      clip-path: polygon(100% 100%, 185% 0%, 0% 100%);
      right: 0; }
    .new-hero.v2 .huge-triangle.grey {
      background-color: #d8d8d8; }
      .new-hero.v2 .huge-triangle.grey.right {
        clip-path: polygon(100% 63%, 185% 0%, 0% 100%); }
      .new-hero.v2 .huge-triangle.grey.left {
        clip-path: polygon(0% 80%, 100% 100%, 0% 45%); }
  .new-hero.v2 .btn-only {
    margin: 10px 20px;
    font-size: 20px;
    min-width: 220px; }
  .new-hero.v2 .container-achievements-hero {
    display: flex;
    justify-content: center;
    max-width: 800px;
    margin: 0px auto; }
    .new-hero.v2 .container-achievements-hero .counters {
      margin: 0 10px; }
      .new-hero.v2 .container-achievements-hero .counters > div {
        display: inline-block; }
      .new-hero.v2 .container-achievements-hero .counters .counting {
        font-weight: bold; }

.new-hero #downloadCount .first-line {
  font-size: 18px; }

.new-hero #downloadCount .counting {
  font-size: 50px;
  font-weight: 700;
  line-height: 50px; }

.new-hero #downloadCount .last-line {
  position: relative; }
  .new-hero #downloadCount .last-line span {
    font-size: 28px;
    font-weight: 700;
    position: relative;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle; }
  .new-hero #downloadCount .last-line:before, .new-hero #downloadCount .last-line:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 3px;
    width: 50px;
    background-color: #fff; }

.index-v2 .img-graph {
  max-width: 100%; }

.index-v2 .intro-section {
  margin: 60px 0;
  background: url("../../images/deco-triangles.png") no-repeat left top;
  min-height: 530px; }
  .index-v2 .intro-section h2 {
    margin: 80px 0; }
  .index-v2 .intro-section .graph-title {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px; }

.index-v2 .index-section-features {
  background: url("../../images/deco-triangles-droits.png") no-repeat right center; }

.index-v2 h2 {
  text-align: center;
  margin-bottom: 0; }
  .index-v2 h2 span {
    border-bottom: 3px solid orangered; }

.index-v2 .section.providers {
  background-color: #ebebeb; }
  .index-v2 .section.providers img {
    max-width: 100%; }

@media (max-width: 1550px) {
  .index-v2 .intro-section {
    background: none; }
  .index-v2 .index-section-features {
    background: none; } }

@media (max-width: 750px) {
  .new-hero.v2 .huge-triangle.left {
    clip-path: polygon(0% 100%, 100% 100%, 0% 73%); }
  .new-hero.v2 .huge-triangle.right {
    clip-path: polygon(100% 100%, 288% 0%, 0% 100%); }
  .new-hero.v2 .huge-triangle.grey.right {
    clip-path: polygon(100% 87%, 277% 0%, 0% 100%); }
  .new-hero.v2 .huge-triangle.grey.left {
    clip-path: polygon(0% 80%, 100% 100%, 0% 68%); } }

@media (max-width: 1100px) {
  .new-hero.v2 {
    min-height: 625px; }
    .new-hero.v2 h1 {
      font-size: 30px; }
      .new-hero.v2 h1 span:after, .new-hero.v2 h1 span:before {
        display: none; }
      .new-hero.v2 h1 .tag-line {
        font-size: 20px; }
  .index-v2 .title-section-index {
    margin-bottom: 0; }
  .index-v2 .example-feature {
    margin: 0;
    padding: 50px 0; }
  .index-v2 .section.providers .d-flex {
    flex-wrap: wrap; }
    .index-v2 .section.providers .d-flex div {
      width: 50%;
      flex-shrink: 0 !important;
      text-align: center; }
  .index-v2 .section.providers img {
    max-width: 100%; } }

.page-index h2 {
  margin: 30px 0; }

#particles-js-triangles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0; }

.bring-front {
  position: relative;
  z-index: 999; }

.roadmap-container {
  padding: 35px 0 !important; }
  .roadmap-container .container-version img {
    display: block; }

.index-section-features {
  padding: 20px 0 0; }
  .index-section-features pre {
    margin-bottom: 0; }
  .index-section-features .code-mirror-csharp {
    margin-bottom: 0; }

.answer-help a.btn-z {
  margin: 5px auto !important;
  max-width: 180px; }

.example-feature {
  margin: 70px 0;
  padding-bottom: 75px;
  border-bottom: 1px solid orangered; }
  .example-feature h2 {
    font-size: 3rem;
    margin-top: 0; }
    .example-feature h2 code {
      font-family: 'Maven Pro', sans-serif;
      font-size: 48px;
      border: 0; }
    .example-feature h2 span {
      color: orangered; }
  .example-feature ul {
    padding-left: 22px; }
    .example-feature ul li {
      position: relative;
      list-style: none; }
      .example-feature ul li a {
        text-decoration: underline;
        color: #14171a; }
        .example-feature ul li a:hover {
          color: orangered; }

.faux-code {
  color: #42505a !important; }
  .faux-code .comment {
    color: #008000; }
  .faux-code .keyword {
    color: #0101FD; }
  .faux-code .variable {
    color: #0101FD; }

.more-info {
  margin: 10px 0; }

.exemple {
  padding-top: 20px; }

.title-section-index {
  padding-bottom: 10px; }

.contact .border-right {
  border-right: 1px solid #fdfdfd; }

.contact a.btn-z {
  display: block;
  margin: 10px 0; }

.faq .col-sm, .faq .col-sm-4 {
  text-align: center; }
  .faq .col-sm .fa, .faq .col-sm-4 .fa {
    font-size: 50px;
    color: red;
    margin-top: 40px; }
  .faq .col-sm.middle, .faq .col-sm-4.middle {
    border-left: 1px solid #fdfdfd;
    border-right: 1px solid #fdfdfd; }
  .faq .col-sm .title, .faq .col-sm-4 .title {
    display: block;
    font-size: 24px;
    max-width: 75%;
    margin: 0 auto 10px; }
  .faq .col-sm ul, .faq .col-sm-4 ul {
    padding: 0;
    text-decoration: none;
    list-style: none; }

.downloaded {
  text-align: center;
  font-size: 26px;
  margin: 35px 0; }
  .downloaded .count {
    font-size: 90px;
    line-height: 90px;
    color: red;
    display: block; }

.container-advantages h3, .container-already-supporting h3 {
  text-align: center;
  font-size: 50px;
  margin: 0 20px; }

.container-advantages .advantage, .container-already-supporting .advantage {
  padding-top: 40px; }
  .container-advantages .advantage .title-advantages, .container-already-supporting .advantage .title-advantages {
    font-size: 26px;
    color: orangered; }

.list-roadmap-checkpoints {
  text-decoration: none;
  padding: 0; }
  .list-roadmap-checkpoints li {
    list-style: none;
    color: #657786; }
    .list-roadmap-checkpoints li span {
      display: block;
      border: 1px solid #657786;
      padding: 8px 20px;
      margin: 5px 0; }
      .list-roadmap-checkpoints li span a {
        color: #657786; }
        .list-roadmap-checkpoints li span a:hover {
          color: orangered; }
    .list-roadmap-checkpoints li.done a {
      color: #a8a8a8; }
    .list-roadmap-checkpoints li.done span {
      border: 1px solid #a8a8a8; }
    .list-roadmap-checkpoints li.red a {
      display: block;
      transition: all ease 0.3s;
      padding: 8px 20px;
      margin: 5px 0;
      background-color: orangered;
      color: white;
      border: 1px solid orangered; }
      .list-roadmap-checkpoints li.red a:hover {
        background-color: #fff;
        color: orangered; }

.nectar-shape-divider-wrap {
  position: absolute;
  bottom: -86px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 2;
  transform: translateZ(0); }

.new-hero {
  background: #2f0304;
  background: -moz-linear-gradient(left, #2f0304 0%, orangered 100%);
  background: -webkit-linear-gradient(left, #2f0304 0%, orangered 100%);
  background: linear-gradient(to right, #2f0304 0%, orangered 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-dark-hero-gradient', endColorstr='$color-z',GradientType=1 );
  padding-top: 25px;
  color: #fff;
  min-height: 500px;
  position: relative;
  overflow: hidden; }
  .new-hero .container-btn {
    position: relative;
    z-index: 999; }
  .new-hero h1 {
    position: relative;
    font-size: 70px;
    margin-top: 20px;
    text-align: center; }
    .new-hero h1 .title {
      position: relative;
      color: white; }
      .new-hero h1 .title:before, .new-hero h1 .title:after {
        display: inline-block;
        vertical-align: middle;
        content: "";
        width: 100px;
        height: 3px;
        background-color: #fff;
        margin: 0 20px; }
    .new-hero h1 span.tag-line {
      display: block;
      color: #fff;
      font-size: 24px;
      margin: 40px auto;
      max-width: 1200px;
      font-weight: 300; }
  .new-hero .faux-code {
    position: relative;
    z-index: 3;
    border: 1px solid #9c0000 !important;
    background-color: #232323;
    min-width: 420px;
    max-width: 80%;
    margin-top: 20px;
    padding: 20px; }
    .new-hero .faux-code .csharp pre {
      color: #fff !important; }
    .new-hero .faux-code .comment {
      color: #57A64A; }
    .new-hero .faux-code .keyword {
      color: #569cd6; }
    .new-hero .faux-code .variable {
      color: #569cd6; }
  .new-hero .btn-only {
    background-color: #f43131;
    -webkit-box-shadow: 0px 0px 18px -3px #030718;
    -moz-box-shadow: 0px 0px 18px -3px #030718;
    box-shadow: 0px 0px 18px -3px #030718; }

@media (max-width: 991px) {
  h1 .title:before, h1 .title:after {
    display: none !important; }
  .more-info {
    margin: 30px 0; }
  .section.achievements .container-achievements {
    display: block !important; }
    .section.achievements .container-achievements .decorative-text {
      margin-bottom: 40px; }
  .small-footer-link {
    margin-bottom: 20px; } }

.ef-classic-represent {
  position: relative;
  z-index: 99; }
  .ef-classic-represent img {
    margin-top: -30px;
    margin-bottom: -20px; }

.section {
  padding: 70px 0;
  position: relative;
  margin-top: 20px; }
  .section.gray {
    background-color: #ebebeb; }
  .section.dark {
    background-color: #14171a;
    color: #fff; }
  .section h2 {
    text-align: center;
    margin-top: 0; }
  .section p {
    padding: 20px; }
  .section.achievements {
    display: flex; }
    .section.achievements img {
      display: block;
      margin: 0 auto; }
    .section.achievements .container-achievements {
      display: flex;
      justify-content: space-between;
      align-items: flex-end; }
    .section.achievements h2 {
      font-size: 46px; }
    .section.achievements .decorative-text {
      text-align: center; }
      .section.achievements .decorative-text span {
        display: block;
        color: orangered;
        font-weight: 700;
        font-size: 40px; }

.section-splitter {
  margin: 20px 0;
  padding: 20px;
  background: url("../images/bg-main-zzz.png") repeat top left; }
  .section-splitter h2 span {
    color: orangered; }

.fa-question-circle {
  font-size: 14px;
  vertical-align: top; }

h1 {
  position: relative;
  z-index: 30; }

.decorative-transversal-bar {
  position: absolute;
  z-index: 0;
  background-color: #f7f7f7;
  transform: rotate(32deg); }

.container-transversal-bar {
  position: relative; }
  .container-transversal-bar .decorative-transversal-bar {
    top: -246px;
    right: -55px;
    height: 400px;
    width: 160px; }

#main-container-pricing {
  border: 1px solid #a8a8a8;
  padding: 8px 20px;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0 0 18px 1px rgba(204, 204, 204, 0.3);
  -moz-box-shadow: 0 0 18px 1px rgba(204, 204, 204, 0.3);
  box-shadow: 0 0 18px 1px rgba(204, 204, 204, 0.3);
  margin: 20px auto;
  background-color: #fff; }
  #main-container-pricing h2 {
    margin: 0;
    margin-bottom: 10px; }
  #main-container-pricing .decorative-transversal-bar {
    top: -110px;
    right: -142px;
    height: 151%;
    width: 450px; }

.checkbox-container {
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */ }
  .checkbox-container .fake-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .checkbox-container .fake-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  .checkbox-container .custom-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #f7f7f7;
    border: 1px solid #a8a8a8; }
  .checkbox-container .fake-checkbox:hover input ~ .custom-checkmark {
    background-color: #d8d8d8; }
  .checkbox-container .fake-checkbox input:checked ~ .custom-checkmark {
    background-color: #1da1f2; }
  .checkbox-container .custom-checkmark:after {
    content: "";
    position: absolute;
    display: none; }
  .checkbox-container .fake-checkbox input:checked ~ .custom-checkmark:after {
    display: block; }
  .checkbox-container .fake-checkbox .custom-checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.container_radio {
  position: relative; }
  .container_radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  .container_radio .btn-main-provider {
    padding: 20px 0;
    width: 100%;
    font-size: 30px;
    border: 2px solid #676565;
    height: 100%; }
  .container_radio .btn-main-provider,
  .container_radio .btn-secondary-provider,
  .container_radio .btn-number-seats,
  .container_radio .btn-number-years {
    border-radius: 0;
    color: #676565; }
  .container_radio .btn-secondary-provider, .container_radio .btn-number-seats, .container_radio .btn-number-years {
    padding: 10px 5px;
    width: 100%;
    border: 1px solid #676565;
    position: relative;
    opacity: 0.8; }
    .container_radio .btn-secondary-provider .icon_people *, .container_radio .btn-number-seats .icon_people *, .container_radio .btn-number-years .icon_people * {
      border: 1px solid #fff;
      margin: 0 -3px; }
      .container_radio .btn-secondary-provider .icon_people *.bigger, .container_radio .btn-number-seats .icon_people *.bigger, .container_radio .btn-number-years .icon_people *.bigger {
        font-size: 20px; }
      .container_radio .btn-secondary-provider .icon_people *.smaller, .container_radio .btn-number-seats .icon_people *.smaller, .container_radio .btn-number-years .icon_people *.smaller {
        font-size: 12px; }
    .container_radio .btn-secondary-provider .discount-amount, .container_radio .btn-number-seats .discount-amount, .container_radio .btn-number-years .discount-amount {
      position: absolute;
      background-color: #fff;
      padding: 3px;
      bottom: -18px;
      right: 0;
      left: 0;
      margin: 0 auto;
      max-width: 100px;
      font-weight: bold;
      color: orangered; }
  .container_radio.col {
    padding-left: 3px;
    padding-right: 3px; }
  .container_radio .small_caract {
    font-size: 14px; }
  .container_radio .icon_check {
    position: absolute;
    top: -11px;
    left: -11px;
    font-size: 30px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: orangered;
    background-color: #fff;
    opacity: 0;
    border-radius: 50%; }
    .container_radio .icon_check.small {
      top: -8px;
      left: -8px;
      font-size: 20px;
      line-height: 30px;
      width: 30px;
      height: 30px; }

.container_radio:hover input ~ .checkmark {
  background-color: #fff;
  border-color: orangered;
  color: orangered;
  cursor: pointer;
  opacity: 1; }

.container_radio input:checked ~ .checkmark {
  background-color: #fff;
  border-color: orangered;
  color: orangered;
  opacity: 1; }
  .container_radio input:checked ~ .checkmark .icon_check {
    opacity: 1; }

@keyframes pulsating-triangles {
  0% {
    opacity: 0.3; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 0.3; } }

.decorative-shapes {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 468px;
  height: 317px;
  z-index: 0;
  background: url("https://z2c2b4z9.stackpathcdn.com/images/bg-pricing.png") no-repeat top left;
  animation: pulsating-triangles 8s infinite; }

#other_options {
  display: block;
  margin-bottom: 10px; }

a#other_options[aria-expanded="true"] .fa-angle-down {
  transform: rotate(180deg); }

.price {
  color: orangered;
  font-weight: bold;
  margin-bottom: -10px; }

.section_trial {
  margin-top: 40px;
  color: #14171a; }
  .section_trial .boxes {
    border: 1px solid #a8a8a8;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 18px 1px rgba(204, 204, 204, 0.3);
    -moz-box-shadow: 0px 0px 18px 1px rgba(204, 204, 204, 0.3);
    box-shadow: 0px 0px 18px 1px rgba(204, 204, 204, 0.3); }
    .section_trial .boxes a {
      color: #1da1f2; }
    .section_trial .boxes .products-included {
      padding-left: 10px;
      list-style: none; }
      .section_trial .boxes .products-included li:first-child a {
        color: orangered;
        font-weight: bold; }
      .section_trial .boxes .products-included li a {
        color: #1da1f2; }
        .section_trial .boxes .products-included li a:hover {
          color: orangered; }
    .section_trial .boxes .line-total {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      font-size: 42px;
      line-height: 42px; }
      .section_trial .boxes .line-total div:last-child {
        color: orangered;
        font-weight: 700; }
    .section_trial .boxes h3 {
      font-size: 20px; }
    .section_trial .boxes .list-summary {
      list-style: none;
      padding: 0;
      padding-bottom: 20px;
      border-bottom: 1px solid #a8a8a8; }
      .section_trial .boxes .list-summary li {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: baseline; }
        .section_trial .boxes .list-summary li span {
          position: relative;
          z-index: 10;
          background-color: white;
          padding: 3px; }
        .section_trial .boxes .list-summary li:before {
          content: "..............................................................................................";
          position: absolute;
          left: 0;
          bottom: -3px;
          height: 100%;
          width: 100%;
          color: gray; }
        .section_trial .boxes .list-summary li.red span {
          color: orangered; }
  .section_trial .btn-only {
    margin: 10px auto;
    font-size: 24px; }
  .section_trial p {
    font-size: 14px;
    color: gray; }

.btn-paypal {
  border-radius: 0;
  padding: 10px 0;
  background-color: #fff;
  border: 1px solid #1da1f2;
  color: #1da1f2;
  background-color: #1da1f2;
  border: 1px solid #1da1f2;
  color: #fff;
  display: flex; }
  .btn-paypal .fa, .btn-paypal .fab {
    font-size: 32px;
    transition: all ease 0.3s; }
  .btn-paypal .in-button-text {
    margin: 0 15px;
    transition: all ease 0.3s; }
  .btn-paypal.credit {
    background-color: #676565;
    border: 1px solid #676565;
    color: #fff;
    margin-left: 10px; }
  .btn-paypal span {
    display: block;
    font-size: 14px; }
  .btn-paypal:hover {
    background-color: #fff;
    border: 1px solid #1da1f2;
    color: #1da1f2; }
    .btn-paypal:hover .in-button-text {
      margin: 0 20px 0 15px; }

.form-group .row {
  margin-bottom: 20px; }

.payment-section {
  width: 100%;
  z-index: 1; }

.checkbox-container {
  margin-bottom: 30px; }

.purchasing-step {
  z-index: 33; }
  .purchasing-step .more-option {
    font-style: italic;
    margin-top: 40px;
    margin-bottom: 40px; }
  .purchasing-step a {
    color: #1da1f2; }
    .purchasing-step a:hover {
      color: orangered; }
  .purchasing-step h2 {
    padding-bottom: 5px;
    font-size: 24px;
    color: #14171a; }
    .purchasing-step h2.only-one-option {
      color: orangered; }
  .purchasing-step .row {
    margin-bottom: 39px; }

.page-pricing .bg-danger,
.page-pricing-limited .bg-danger {
  background: #cc0000;
  background: -webkit-radial-gradient(circle, #cc0000, #aa0000, #9a0000);
  background: -o-radial-gradient(circle, #cc0000, #aa0000, #9a0000);
  background: -moz-radial-gradient(circle, #cc0000, #aa0000, #9a0000);
  background: radial-gradient(circle, #cc0000, #aa0000, #9a0000);
  color: #fff; }

.page-pricing .step-1 {
  width: 450px; }

@media (max-width: 575px) {
  .page-pricing .step-1 {
    width: 350px; }
  .purchasing-step {
    padding: 15px; }
  .payment-section .btn-paypal {
    display: block !important; }
    .payment-section .btn-paypal .fa, .payment-section .btn-paypal .fab {
      display: block; }
    .payment-section .btn-paypal .fa-angle-right {
      display: none; } }

@media (max-width: 990px) {
  .page-pricing .container .container {
    padding: 0; }
  .page-pricing .step-1 {
    width: 100%; }
  .page-pricing .container-transversal-bar {
    display: none; }
  .btn-paypal {
    margin-bottom: 10px; } }

#referal-page h3 {
  font-size: 36px;
  font-weight: 700;
  color: orangered;
  text-align: center; }
  #referal-page h3 span {
    display: block;
    font-size: 24px;
    color: gray;
    font-weight: 400; }

#referal-page #referal-steps img {
  display: block;
  margin-bottom: 30px;
  margin: 0 auto; }

#referal-page .list-gifts {
  list-style: none;
  display: flex;
  justify-content: space-between; }
  #referal-page .list-gifts i {
    color: #c4c4c4;
    font-size: 42px; }
  #referal-page .list-gifts img {
    width: 150px;
    display: block; }
  #referal-page .list-gifts svg {
    max-width: 125px;
    max-height: 42px; }
    #referal-page .list-gifts svg .netflix-logo {
      fill: #c4c4c4; }

#referal-page ul {
  text-align: left; }

#referal-page .container-details-gifts {
  text-align: center; }
  #referal-page .container-details-gifts .btn-only:focus {
    outline: none;
    box-shadow: none; }
  #referal-page .container-details-gifts #gift-details-content {
    margin-top: 20px;
    width: 300px; }
    #referal-page .container-details-gifts #gift-details-content ul {
      padding: 0;
      color: #6b6b6b; }

body .four-oh-four {
  overflow: hidden;
  position: relative;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03133a+0,030d20+99 */
  background: #03133a;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #03133a 0%, #030d20 99%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #03133a 0%, #030d20 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #03133a 0%, #030d20 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03133a', endColorstr='#030d20',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  text-align: center; }
  body .four-oh-four #prime-products {
    position: relative;
    z-index: 999; }
  body .four-oh-four #particles-js-stars {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  body .four-oh-four h1 {
    font-size: 64px;
    color: white;
    text-align: center;
    margin-bottom: 40px; }
    body .four-oh-four h1 span {
      display: block;
      font-size: 24px; }
  body .four-oh-four p {
    color: white; }
  body .four-oh-four img {
    max-width: 60%;
    position: relative;
    z-index: 999; }
  body .four-oh-four #particles-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#page-contribute h2.bg-red {
  font-weight: normal;
  margin-bottom: 35px;
  font-size: 32px;
  position: relative;
  z-index: 3;
  color: #fff; }
  #page-contribute h2.bg-red:before {
    content: "";
    background-color: orangered;
    height: 130%;
    width: 70%;
    display: block;
    position: absolute;
    top: -5px;
    left: -60px;
    z-index: -1; }
  #page-contribute h2.bg-red .triangle {
    position: absolute;
    z-index: -3;
    left: -60px;
    bottom: -50px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 40px 35px 0;
    border-color: transparent #9c0000 transparent transparent; }
  #page-contribute h2.bg-red span {
    display: block;
    margin-left: 100px;
    font-weight: bold;
    font-size: 28px; }

#page-contribute .container-donation {
  width: 85%;
  margin-bottom: 20px;
  background-color: #3c3c3c;
  padding: 20px;
  position: relative; }
  #page-contribute .container-donation .container-middle {
    position: relative; }
    #page-contribute .container-donation .container-middle img {
      margin: 0 75px; }
    #page-contribute .container-donation .container-middle .btn-paypal {
      position: absolute;
      z-index: 3;
      bottom: 10px;
      right: -100px;
      display: block;
      padding: 10px 20px;
      vertical-align: middle; }
      #page-contribute .container-donation .container-middle .btn-paypal .fab {
        vertical-align: middle;
        margin-right: 5px; }
    #page-contribute .container-donation .container-middle .thanks-paragraph {
      margin-top: 10px;
      padding-right: 200px; }
    #page-contribute .container-donation .container-middle .container-section-amount-choices {
      position: relative;
      margin: 30px 0;
      width: 100%;
      margin-right: -15%;
      padding: 30px;
      background-color: #fdfdfd;
      border: 1px solid #a8a8a8;
      color: #3c3c3c;
      overflow: hidden; }
      #page-contribute .container-donation .container-middle .container-section-amount-choices h3 {
        margin-bottom: 20px; }
        #page-contribute .container-donation .container-middle .container-section-amount-choices h3:after {
          content: "";
          background-color: orangered;
          height: 3px;
          width: 100px;
          display: block; }
      #page-contribute .container-donation .container-middle .container-section-amount-choices select {
        width: 50%;
        border-radius: 0; }
      #page-contribute .container-donation .container-middle .container-section-amount-choices .form-control:focus {
        outline: none;
        box-shadow: none; }
      #page-contribute .container-donation .container-middle .container-section-amount-choices .decorative-amount {
        position: absolute;
        font-size: 150px;
        bottom: -40px;
        right: -28px;
        color: #e0e0e0; }

.page-download {
  /*.card-giveaway {
        max-width: 600px;
        margin: auto;
    }*/ }
  .page-download .container-details-subscriptions table {
    border: 0; }
  .page-download .container-details-subscriptions thead a {
    width: 220px; }
  .page-download .container-details-subscriptions th {
    text-align: center;
    background-color: #fff;
    border: 0 !important; }
    .page-download .container-details-subscriptions th span {
      color: #657786;
      font-weight: normal;
      margin-bottom: 10px;
      display: block; }
    .page-download .container-details-subscriptions th.line-with-cta tr td {
      border: 0; }
  .page-download .container-details-subscriptions tr td {
    text-align: center; }
    .page-download .container-details-subscriptions tr td:first-child {
      text-align: left; }
  .page-download .container-details-subscriptions .fa-check {
    color: #29cc3e; }
  .page-download .card-giveaway {
    margin-top: 10px;
    border-radius: 0px;
    box-shadow: 0 7px 23px 0 rgba(24, 48, 85, 0.22); }
    .page-download .card-giveaway li {
      padding: 4px 0; }
    .page-download .card-giveaway h5 {
      font-size: 36px; }
  .page-download .box-download {
    position: relative;
    overflow: hidden;
    margin-top: 10px; }
    .page-download .box-download.box-download-right {
      padding-right: 15px; }
    .page-download .box-download .box-content {
      padding: 10px;
      background-color: #fff;
      border: 1px solid #a8a8a8;
      position: relative; }
      .page-download .box-download .box-content:before {
        content: "";
        background-color: #d8d8d8;
        width: 90px;
        height: 143%;
        position: absolute;
        top: -23px;
        right: 56px;
        transform: rotate(20deg); }
      .page-download .box-download .box-content .decorative-corner {
        position: absolute;
        top: -1px;
        left: -1px; }
        .page-download .box-download .box-content .decorative-corner > div:first-child {
          width: 240px;
          height: 30px;
          border-left: 1px solid #3c3c3c;
          border-top: 1px solid #3c3c3c; }
        .page-download .box-download .box-content .decorative-corner > div:last-child {
          position: absolute;
          top: 0;
          left: 0;
          width: 150px;
          height: 10px;
          background-color: #3c3c3c; }
    .page-download .box-download .btn {
      position: absolute;
      bottom: 5px;
      right: -15px;
      border: 1px solid orangered;
      z-index: 101; }
      .page-download .box-download .btn:after {
        transition: all ease 0.7s;
        content: "";
        position: absolute;
        top: -1px;
        right: -1px;
        width: 20px;
        height: 20px;
        border-right: 1px solid orangered;
        border-top: 1px solid orangered; }
      .page-download .box-download .btn:before {
        transition: all ease 0.7s;
        content: "";
        position: absolute;
        left: -1px;
        bottom: -1px;
        width: 20px;
        height: 20px;
        border-left: 1px solid orangered;
        border-bottom: 1px solid orangered; }
      .page-download .box-download .btn:hover {
        border: 1px solid #fff; }
        .page-download .box-download .btn:hover:after, .page-download .box-download .btn:hover:before {
          width: 100%;
          height: 100%; }
    .page-download .box-download .counted-downloads {
      margin-left: 20px;
      font-size: 20px;
      position: relative; }
      .page-download .box-download .counted-downloads span {
        color: orangered; }
    .page-download .box-download .version {
      font-weight: bold;
      font-size: 60px;
      text-align: left;
      margin-left: 20px;
      position: relative;
      min-height: 100px; }
      .page-download .box-download .version a {
        color: #3c3c3c; }
      .page-download .box-download .version .caracter-highlight {
        color: orangered; }
    .page-download .box-download.box-download-small .version {
      font-size: 30px;
      min-height: 50px; }

@media (max-width: 550px) {
  .box-download .version {
    font-size: 34px !important;
    margin-bottom: 15px;
    margin-left: 0 !important;
    text-align: center !important; }
  .page-download .box-download .btn {
    display: block;
    position: relative;
    right: 0; } }

.landing-page {
  padding-top: 0.1px; }
  .landing-page h2 {
    font-size: 28px;
    text-align: left;
    color: white; }
    .landing-page h2:after {
      content: "";
      display: block;
      width: 70px;
      background-color: #14171a;
      height: 3px;
      margin-top: 10px; }
  .landing-page .header-landing-page {
    position: relative;
    padding: 25px 0;
    background: url(../images/bg-main-zzz.png) no-repeat top center; }
    .landing-page .header-landing-page h2 {
      margin-top: 30px;
      font-size: 20px;
      color: #555 !important; }
      .landing-page .header-landing-page h2:after {
        background-color: orangered;
        margin-top: 20px;
        margin: 10px auto 0; }
  .landing-page .nectar-shape-divider-wrap {
    bottom: -60px; }
  .landing-page .section {
    margin: 30px 0; }
  .landing-page .container-button-download {
    position: relative;
    z-index: 5; }
  .landing-page .container-graph, .landing-page .container-code {
    padding: 40px;
    border-top: 1px solid #f1f1f1;
    background-color: orangered; }
  .landing-page .container-graph {
    padding-left: 120px; }
    .landing-page .container-graph p {
      color: white;
      max-width: 400px;
      text-align: justify !important;
      padding-left: 0; }
    .landing-page .container-graph:after {
      content: "";
      position: absolute;
      background: url(https://z2c2b4z9.stackpathcdn.com/images/bg-footer.png) repeat top left;
      z-index: 1;
      top: -25px;
      bottom: 0;
      height: 115%;
      width: 190%;
      right: -175%;
      -webkit-transform: skewX(-34deg);
      transform: skewX(-34deg);
      -webkit-transform-origin: left center;
      transform-origin: left center; }
  .landing-page .container-code .method-list {
    font-size: 24px; }
    .landing-page .container-code .method-list li {
      margin: 0 12px; }
    .landing-page .container-code .method-list b {
      color: orangered; }
  .landing-page .container-code a, .landing-page .container-code p, .landing-page .container-code ul, .landing-page .container-code h2 {
    position: relative;
    z-index: 3;
    color: white; }
  .landing-page .container-code h2:after {
    background-color: orangered; }
  .landing-page h1 {
    text-align: center;
    color: gray;
    font-size: 30px; }
    .landing-page h1 span {
      display: block;
      color: orangered;
      font-size: 42px;
      position: relative; }
      .landing-page h1 span:before, .landing-page h1 span:after {
        content: "";
        background-color: gray;
        height: 1px;
        width: 10%;
        margin: 0 35px;
        display: inline-block;
        vertical-align: middle; }
  .landing-page .container-landing .landing-side {
    width: 100%;
    padding: 0 20px; }
    .landing-page .container-landing .landing-side p {
      text-align: justify; }

.page-contact-us .word-in-square {
  white-space: nowrap; }

.page-contact-us .contact-us a img {
  display: block;
  margin: 0 auto 10px; }

.page-contact-us .section-faq {
  margin-top: 20px; }
  .page-contact-us .section-faq hr {
    display: none; }

.page-contact-us .container-map {
  width: 100%;
  background: url("https://z2c2b4z9.stackpathcdn.com/images/fake-g-map.png") no-repeat center center;
  height: 450px; }

@media (max-width: 991px) {
  .word-in-square {
    display: none; }
  .contact-us a img {
    margin-top: 20px !important; } }

@keyframes moving-triangles {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

#zzz-home-page a {
  color: orangered; }

#zzz-home-page .header-zzz-main {
  background-color: #333;
  background: #282b2d;
  background: -moz-radial-gradient(circle, #262c2f, #101113);
  background: -webkit-radial-gradient(circle, #262c2f, #101113);
  background: -ms-radial-gradient(circle, #262c2f, #101113);
  background: -o-radial-gradient(circle, #262c2f, #101113);
  background: radial-gradient(circle, #262c2f, #101113);
  position: relative;
  padding: 100px 0;
  text-align: center; }
  #zzz-home-page .header-zzz-main img {
    position: absolute;
    z-index: 1;
    top: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0.5;
    max-width: 100%; }
  #zzz-home-page .header-zzz-main h1 {
    color: white;
    font-size: 60px;
    position: relative;
    z-index: 3;
    font-weight: 700; }
  #zzz-home-page .header-zzz-main h2 {
    color: white;
    position: relative;
    z-index: 3;
    font-size: 20px; }

#zzz-home-page .section {
  padding: 70px 0;
  position: relative;
  margin: 0; }
  #zzz-home-page .section h2 {
    text-align: center; }
  #zzz-home-page .section:after {
    content: "";
    background: url("https://z2c2b4z9.stackpathcdn.com/images/img-between-section-red.png") no-repeat center center;
    width: 193px;
    height: 92px;
    display: block;
    position: absolute;
    top: -42px;
    left: 0;
    right: 0;
    margin: 0 auto;
    animation: moving-triangles 8s infinite; }
  #zzz-home-page .section.dark {
    background-color: #14171a;
    color: #fff; }
  #zzz-home-page .section.gray {
    background-color: #f7f7f7; }
  #zzz-home-page .section.team .team-member {
    padding: 10px;
    text-align: center; }
    #zzz-home-page .section.team .team-member h3 {
      margin-top: 20px;
      font-size: 22px; }
    #zzz-home-page .section.team .team-member h4 {
      font-size: 16px; }
    #zzz-home-page .section.team .team-member p {
      color: #657786; }
  #zzz-home-page .section.products:after {
    display: none; }
  #zzz-home-page .section.products .product.free .product-name {
    transition: all ease 0.3s;
    display: block;
    border: 1px solid #a8a8a8;
    padding: 8px 20px;
    margin-top: 10px; }
  #zzz-home-page .section.products .product.free:hover .product-name {
    border-color: orangered; }
  #zzz-home-page .section.products .product.prime {
    position: relative;
    padding: 20px;
    margin: 10px 0; }
    #zzz-home-page .section.products .product.prime .product-name {
      font-size: 24px;
      color: orangered; }
      #zzz-home-page .section.products .product.prime .product-name .number {
        font-weight: bold;
        color: #14171a; }
      #zzz-home-page .section.products .product.prime .product-name:before {
        content: "";
        background-color: orangered;
        height: 3px;
        width: 10%;
        display: block;
        transition: all ease 0.3s; }
    #zzz-home-page .section.products .product.prime p {
      margin-top: 10px;
      padding-left: 34px;
      color: #657786; }
    #zzz-home-page .section.products .product.prime:hover:before, #zzz-home-page .section.products .product.prime:hover:after {
      color: orangered; }
    #zzz-home-page .section.products .product.prime:hover .product-name:before {
      width: 25%; }
    #zzz-home-page .section.products .product.prime .fake-cta-container {
      min-height: 40px; }
    #zzz-home-page .section.products .product.prime .fake-cta {
      transition: all ease 0.3s;
      background-color: #3c3c3c;
      padding: 8px 16px;
      display: inline-block;
      color: white;
      position: absolute;
      bottom: 25px;
      right: 35px; }
      #zzz-home-page .section.products .product.prime .fake-cta:before, #zzz-home-page .section.products .product.prime .fake-cta:after {
        transition: all ease .7s;
        content: "";
        position: absolute;
        width: 20px;
        height: 20px; }
      #zzz-home-page .section.products .product.prime .fake-cta:before {
        right: 0;
        bottom: 0;
        border-right: 1px solid #3c3c3c;
        border-bottom: 1px solid #3c3c3c; }
      #zzz-home-page .section.products .product.prime .fake-cta:after {
        top: 0;
        left: 0;
        border-left: 1px solid #3c3c3c;
        border-top: 1px solid #3c3c3c; }
      #zzz-home-page .section.products .product.prime .fake-cta:hover {
        color: orangered;
        background-color: white; }
        #zzz-home-page .section.products .product.prime .fake-cta:hover:before, #zzz-home-page .section.products .product.prime .fake-cta:hover:after {
          width: 100%;
          height: 100%;
          border-color: orangered; }

.zzz_main_page {
  min-height: 800px;
  background: url("../images/bg-main-zzz.png") repeat top left; }
  .zzz_main_page ul {
    list-style: none;
    padding: 0; }
  .zzz_main_page .header-zzz-main {
    text-align: center;
    padding: 40px 0; }
    .zzz_main_page .header-zzz-main h1 {
      display: inline-block;
      text-align: center;
      padding: 10px 30px;
      color: #14171a;
      position: relative; }
      .zzz_main_page .header-zzz-main h1:before, .zzz_main_page .header-zzz-main h1:after {
        content: "";
        background-color: orangered;
        display: block;
        width: 275px;
        height: 1px;
        position: absolute; }
      .zzz_main_page .header-zzz-main h1:before {
        left: -100px;
        top: 0; }
      .zzz_main_page .header-zzz-main h1:after {
        right: -100px;
        bottom: 0; }
    .zzz_main_page .header-zzz-main h2 {
      font-size: 20px;
      margin-top: 42px; }
      .zzz_main_page .header-zzz-main h2:before, .zzz_main_page .header-zzz-main h2:after {
        content: "/////////////////////////////////////////////////////////";
        color: orangered;
        display: block;
        margin: 15px auto;
        letter-spacing: 3px;
        font-size: 14px; }
    .zzz_main_page .header-zzz-main img {
      display: block; }
  .zzz_main_page.contact-us .main-content {
    padding: 40px 0;
    min-height: 250px; }
  .zzz_main_page.contact-us .flex-fill {
    text-align: center; }
  .zzz_main_page.contact-us .container-socials-medias .fab, .zzz_main_page.contact-us .container-socials-medias .fas {
    font-size: 24px;
    margin: 10px 10px; }
  .zzz_main_page.contact-us a {
    transition: all ease 0.3s; }
    .zzz_main_page.contact-us a:hover {
      color: #3c3c3c; }
  .zzz_main_page .index-zzz-projects {
    position: relative;
    z-index: 30; }
    .zzz_main_page .index-zzz-projects .container-links-list {
      background-color: white;
      color: #3c3c3c;
      border: 1px solid orangered;
      margin: 40px 10px; }
      .zzz_main_page .index-zzz-projects .container-links-list ul {
        color: orangered; }
        .zzz_main_page .index-zzz-projects .container-links-list ul li a:hover {
          color: #3c3c3c; }
  .zzz_main_page.payment-success .icon-success .far, .zzz_main_page.payment-cancel .icon-success .far {
    font-size: 70px;
    margin-bottom: 20px;
    color: orangered; }
  .zzz_main_page.payment-success .receipt-icon, .zzz_main_page.payment-cancel .receipt-icon {
    margin-right: 45px; }
  .zzz_main_page.payment-success ul.steps, .zzz_main_page.payment-cancel ul.steps {
    text-align: left; }
    .zzz_main_page.payment-success ul.steps li, .zzz_main_page.payment-cancel ul.steps li {
      font-size: 22px;
      margin: 20px 0; }
      .zzz_main_page.payment-success ul.steps li img, .zzz_main_page.payment-cancel ul.steps li img {
        width: 40px;
        height: 43px;
        margin-right: 20px; }
      .zzz_main_page.payment-success ul.steps li .under-text, .zzz_main_page.payment-cancel ul.steps li .under-text {
        font-size: 16px;
        display: block; }
  .zzz_main_page.payment-success p, .zzz_main_page.payment-cancel p {
    max-width: 640px;
    margin: 20px auto 0;
    display: block;
    text-align: justify;
    color: #14171a; }
  .zzz_main_page.payment-success h2, .zzz_main_page.payment-cancel h2 {
    font-size: 30px;
    color: orangered; }
    .zzz_main_page.payment-success h2:before, .zzz_main_page.payment-success h2:after, .zzz_main_page.payment-cancel h2:before, .zzz_main_page.payment-cancel h2:after {
      display: none; }
  .zzz_main_page.payment-success .reasons-container div, .zzz_main_page.payment-cancel .reasons-container div {
    flex: 1 1 0; }
  .zzz_main_page.payment-success .reasons-container h3, .zzz_main_page.payment-cancel .reasons-container h3 {
    color: #676565; }
  .zzz_main_page.payment-cancel p {
    text-align: center; }
  .zzz_main_page .container-testimonials .one-testimonial {
    padding: 40px;
    position: relative; }
    .zzz_main_page .container-testimonials .one-testimonial .container-comment-icon {
      position: absolute;
      top: 5px;
      width: 40px;
      height: 40px; }
      .zzz_main_page .container-testimonials .one-testimonial .container-comment-icon .far {
        font-size: 40px;
        color: orangered; }
    .zzz_main_page .container-testimonials .one-testimonial:nth-child(odd) {
      background-color: #f7f7f7; }
      .zzz_main_page .container-testimonials .one-testimonial:nth-child(odd) .container-comment-icon {
        left: -60px; }
        .zzz_main_page .container-testimonials .one-testimonial:nth-child(odd) .container-comment-icon .far {
          -moz-transform: scale(-1, 1);
          -webkit-transform: scale(-1, 1);
          -o-transform: scale(-1, 1);
          -ms-transform: scale(-1, 1);
          transform: scale(-1, 1); }
    .zzz_main_page .container-testimonials .one-testimonial:nth-child(even) .name {
      font-size: 14px; }
    .zzz_main_page .container-testimonials .one-testimonial:nth-child(even) .container-comment-icon {
      right: -60px; }
    .zzz_main_page .container-testimonials .one-testimonial:nth-child(even) .testimonial-content {
      text-align: right; }
    .zzz_main_page .container-testimonials .one-testimonial .testimonial-content {
      position: relative; }
      .zzz_main_page .container-testimonials .one-testimonial .testimonial-content p {
        margin-top: 10px;
        padding: 10px 0 10px 40px;
        position: relative;
        display: inline-block; }
        .zzz_main_page .container-testimonials .one-testimonial .testimonial-content p .fas {
          color: #efefef;
          font-size: 30px;
          position: absolute; }
          .zzz_main_page .container-testimonials .one-testimonial .testimonial-content p .fas.fa-quote-left {
            top: -5px;
            left: 0px; }
          .zzz_main_page .container-testimonials .one-testimonial .testimonial-content p .fas.fa-quote-right {
            bottom: -5px;
            right: -40px; }
      .zzz_main_page .container-testimonials .one-testimonial .testimonial-content span {
        display: block; }
      .zzz_main_page .container-testimonials .one-testimonial .testimonial-content .name {
        color: gray;
        font-size: 14px; }
      .zzz_main_page .container-testimonials .one-testimonial .testimonial-content .company {
        color: orangered;
        font-size: 14px; }

/*.checkpoint {
    width: 50%;
    padding: 40px 0;
    position: relative;

    .date {
        position: relative;
        font-size: 16px;
        color: gray;

        &:after {
            content: "";
            position: absolute;
            z-index: 3;
            top: 5px;
            right: -68px;
            height: 15px;
            width: 15px;
            background-color: #b5b5b5;
            border-radius: 50%;
            border: 1px solid #fefefe;
        }
    }

    &:after {
        content: "";
        position: absolute;
        height: 1px;
        width: 50px;
        background-color: #cccccc;
        top: 52px;
    }

    &:nth-child(odd) {
        text-align: right;
        margin-right: 50%;
        padding-right: 60px;

        &:after {
            right: 0;
        }
    }

    &:nth-child(even) {
        text-align: left;
        margin-left: 50%;
        padding-left: 60px;

        &:after {
            left: 0;
        }

        .date {
            &:after {
                left: -67px;
            }
        }
    }

    .sponsor {
        font-size: 18px;
        color: $color-z;

        img {
            max-height: 40px;
            max-width: 40px;
        }
    }

    .sponsor-container {
        color: gray;
    }

    .sponsor-container div, .sponsor-container a, .sponsor-container img {
        display: inline-block;
        vertical-align: middle;
    }

    .sponsor-container div {
        padding-right: 10px;
    }

    .sponsor-container a {
        text-align: left;
        margin-left: 10px;
        color: $color-z;
    }

    .button-try-it {
        background-color: $color-z;
        display: inline-block;
        margin: 10px auto;
        padding: 10px 30px;
        color: white;
        border: 1px solid $color-z;
        transition: all ease 0.3s;
    }

    .button-try-it:hover {
        background-color: white;
        color: $color-z;
        text-decoration: none;
    }

    .sponsor {
        padding-left: 10px;
        border-left: 1px solid gray;
        font-size: 12px;


        span {
            font-style: italic;
            color: #bbb;
            display: block;
        }
    }

    .title {
        font-size: 24px;
        font-weight: bold;
        color: $color-z;
    }

    .description {
        color: #797979;

        .links {
            a {
                font-size: 12px;
                color: $color-z;
                text-decoration: none;

                &:hover {
                    color: #1c1c1c;
                }
            }
        }
    }
}*/
/*.timeline {
    position: relative;
}

.timeline:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #cccccc;
    left: 50%;
    top: 0px;
}

#timeline {
    h2 {
        background-color: $color-z;
        padding: 20px 0;
        color: white;
        text-align: center;
    }
}*/
@media (max-width: 768px) {
  .team-member h3 {
    margin-top: 0 !important; }
  .team-member h3, .team-member p, .team-member h4 {
    text-align: left; }
  .team-member img {
    margin-right: 20px;
    height: 115px; }
  .container-socials-medias {
    margin-top: 30px; } }

@media (max-width: 1200px) {
  .container-achievements p {
    padding: 0 !important;
    margin-top: 20px; }
  .decorative-text.style-1 {
    font-size: 24px !important; }
  .decorative-text.style-2 {
    font-size: 26px !important; }
  .decorative-text.style-3 {
    font-size: 28px !important; }
  .decorative-text.style-4 {
    font-size: 30px !important; } }

@media (max-width: 650px) {
  .landing-page h1 span:before, .landing-page h1 span:after {
    display: none !important; } }