html,
  body,
  header,
  .jarallax {
      height: 700px;
  }
  html,
  body{

    overflow-x: hidden!important;
    scroll-behavior: smooth!important;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  background-image: url('/media/banners/art2.png'); background-repeat: no-repeat; background-size: cover; background-position: center center;
  }
  .planbar{
    background-color: #27A7E5;
  }
  .jarallax .mask{
      height: 100vh!important;

      min-height: 600px;
  }
  main{
    background: #FFF;
  }
  .profits{
    margin:auto;
  }
  .cslogo{
    top:100px!important;
    position: absolute;
  }
  #profits{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+48,ffffff+79,ffffff+94,ffffff+99&1+0,0+48,0+79,1+94,1+99 */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 48%, rgba(255,255,255,0) 79%, rgba(255,255,255,1) 94%, rgba(255,255,255,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 48%,rgba(255,255,255,0) 79%,rgba(255,255,255,1) 94%,rgba(255,255,255,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 48%,rgba(255,255,255,0) 79%,rgba(255,255,255,1) 94%,rgba(255,255,255,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

  }

  @media (max-width: 740px) {
      html,
      body,
      header,
      .jarallax {
          height: 100vh;
      }
      h1.display-4{
        font-size: 23px;
      }
      .view.jarallax{
            background-size: auto 100%!important;
      }

  }

  @media (min-width: 800px) and (max-width: 850px) {
      html,
      body,
      header,
      .jarallax {
          height: 100vh;
      }
  }

  @media (min-width: 560px) and (max-width: 650px) {
      header .jarallax h1 {
          margin-bottom: 1.5rem !important;
      }
      header .jarallax h5 {
          margin-bottom: 1.5rem !important;
      }
  }

  .top-nav-collapse {
      background-color: #000!important;
  }
  .navbar:not(.top-nav-collapse) {
      background: transparent!important;
      color:#000!important;
  }
  @media (max-width: 768px) {
      .navbar:not(.top-nav-collapse) {
          background: #000!important;
      }
  }
  @media (min-width: 800px) and (max-width: 850px) {
      .navbar:not(.top-nav-collapse) {
          background: #000!important;
      }
    }
    h5 {
      letter-spacing: 3px;
  }

.subview-a {
  background-color: #FFF;
}
.fa-chevron-up,.fa-chevron-down{
  color:#000;
}

.subview-b {
  background-color: #0eab91;
}

.subview-c {
  background-color: #13ad58;
}

.subview-d {
  background-color: #45bca1;
}

.subview-e {
  background-color: #23dc94;
}

.box {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 50px;
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.54);
  margin: auto;
  bottom: 0;
  right: 0;
}

.searchbox input {
margin-top: 8px!important;
  border:none!important;
  margin-left: 10px!important;

}
.searchbox a {
  text-align: center!important;
margin:auto;
}
.startbttn{
  background:none!important;
}
.searchbox input:focus,.form-inline  input:focus {
border:none!important;

  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.54)!important;
}
.cswizard{
  top:0;
  right:0;
  position: absolute;;
}
.fas.fa-search{
float:right;
position: absolute;
top:14px;
right:14px;
}
.indigo{
  background-color:#000;
}
.searchcs{
  position: relative;
}
.wizard{
  font-size: 20px;
}
.md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=text]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]){

}
.btn-info.dropdown-toggle,.btn-info.dropdown-toggle:hover,.btn-info:not([disabled]):not(.disabled).active, .btn-info:not([disabled]):not(.disabled):active, .show>.btn-info.dropdown-toggle,.dropdown-item:focus, .dropdown-item:hover,
.btn-info.dropdown-toggle:focus,.btn-info.focus, .btn-info:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus{
  background:none!important;
  color:#000!important;
  box-shadow: none;
}
.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link:hover, .navbar.navbar-dark .navbar-toggler, .navbar.navbar-dark form .md-form .form-control{
  color:#000!important;
}

.navbar-toggler span{
  color: #000!important;
}
.flagsmenu{
  min-width: 50px!important;
    max-width: 50px!important;
  margin: auto;
  left:0;
  right: 0;

}
.navbar.navbar-dark .navbar-toggler-icon{


}
.header-helper{

  position: absolute;
width: 100%;
height: 100%;
top: 50px;
left:0;
}
.header-helper-2{

  position: absolute;
width: 100%;
height: 100%;
bottom: 50px;
left:0;
}
 .nav-link:hover{
color:#000!important;
text-decoration: underline;
}
#call-toaction path{
 stroke-dasharray: 2;
 stroke:#000;
 fill:none;
 stroke-width:0.2;
}
#call-toaction2 path{
 stroke-dasharray: 2;
 stroke:#94D3F1;
 fill:none;
  stroke-width:0.2;
}
#call-toaction text{
font-size: 16px;
fill:#000;
font-weight: 800;
}
#call-toaction{
  top:20px;
  position: absolute;
  right:0;;
  width:500px;
  height: 500px;;
}
#call-toaction2{
  top:319px;
  position: absolute;
  left:-50px;;
  width:500px;
  height: 500px;;
}
.center_{
  margin:auto;
  position: relative;
}
.marketapp:hover{
  -webkit-box-shadow: -1px -2px 32px -5px rgba(255,0255,255,0.96);
  -moz-box-shadow: -1px -2px 32px -5px rgba(255,255,255,0.96);
  box-shadow: -1px -2px 32px -5px rgba(255,255,255,0.96);
}
.marketapp{
  width:120px;
  -webkit-box-shadow: -1px -2px 31px -9px rgba(0,0,0,0.34);
  -moz-box-shadow: -1px -2px 31px -9px rgba(0,0,0,0.34);
  box-shadow: -1px -2px 31px -9px rgba(0,0,0,0.34);
  border-radius: 20px;

  background-color: #FFF;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  margin:auto;
max-height: 185px;
height: 185px;
overflow: hidden;
}

.appname{
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.fss-mainview{
  overflow-y: auto;
}
.fss-mainview *{

}
#marketplaces ul li{
  list-style-type: none;

      margin: 0;
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 0;
      margin-inline-end: 0;
      padding-inline-start: 0;

}
#marketplaces{
  margin:auto;
  text-align: center;
}
.steps_list img{
  margin:20px;
  border-radius: 4px;
  -webkit-box-shadow: -1px -2px 31px -9px rgba(0,0,0,0.34);
  -moz-box-shadow: -1px -2px 31px -9px rgba(0,0,0,0.34);
  box-shadow: -1px -2px 31px -9px rgba(0,0,0,0.34);
  border:dashed 2px #ccc;
  max-height: 300px;
  width: auto;;
}
.navbar-collapse.collapse.show{
  background-color: #fff!important;
}
#call-toaction2 text{
font-size: 14px;
fill:#94D3F1;
font-weight: 800;
}
.fa-language{
  color: #000;
  background: #ccc;
}
#results{
    margin: auto;

  width:400px;;
  text-align: center;
  position: relative;
    display: grid;
    grid-columns: 1;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;;
    text-align: center;
    margin-top: 100px!important;
}
input:disabled{
  background-color: #efefef;
}
.dropdown-toggle{
  max-height: 40px;
}
.flag{
    margin: auto;
}
.searchbox input:hover{
border:none!important;


}
.black-skin .navbar, .modal-header{
      background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%)!important;
}
.searchbox:hover{

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4)!important;


}
.searchbox{
  max-width:554px;
    margin:auto;
  margin-top: 100px!important;
  background-color: #FFF;
  border-radius: 20px;

  border:1px solid #dfe1e5;

}
.cslogo{
  position: absolute;
  top:30px;
  left:0;
  right:0;
  margin:auto;
  padding-bottom: 20px;
  width:100%;
  height:auto;
  max-width: 340px;

}
.navbar,.navbar:not(.top-nav-collapse){

background: rgba(255,255,255,0.6)!important;
box-shadow: none;
color:#000!important;
}
.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link{
  color:#000;
}
.steps_list h5{
  font-weight: 600;
}
.steps_list p{
  font-weight: 600;
  margin-bottom: 100px;
}
.info {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Arial, Tahoma;
  font-size: 32px;
}
.list-group-item{


}
#steps{
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
}
#steps * .nav-link{
color:#000;
font-weight: 600;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
background: #000;
color:#FFF!important;
}
.steps_list{
  max-height: calc(100);
  padding: 10px;
  overflow: scroll;
}
.prft{
  font-size: 22px;
  font-weight: 600;
}
@media (max-height: 400px) {


  .searchbox{
    margin-top:190px;
  }

}
@media (max-height: 600px) {
  .createbttn1{
  display: none;
  }
  .jarallax .mask,.jarallax,header{
    min-height: 600px!important;
    height: 600px!important;
  }

}

@media (max-height: 800px) {
  .video-intro:not(:first-child),.img-fluid{
    max-height: 220px;
  }
  p{
    text-align: center;
  }
}
@media (max-height: 600px) and (min-width: 790px) {
  .video-intro:not(:first-child) ,.img-fluid{
    height: auto!important;
max-height: none;
max-width: none;
width: calc(100vh - 28vh)!important;
position: absolute;
top: 0;
left: 0;
  }
  .row,section{
    margin-top:4px;
  }
  .col-md-6.mb-4{
    text-align: center;
  }
  .col-md-6.mb-4 p{


    font-weight: 600;
font-size: 13px;
  }
}
@media (max-height: 414px) {

  .row,section{
    margin-top:4px;
  }
  .col-md-6.mb-4{
    text-align: center;
  }
  .col-md-6.mb-4 p{

    font-weight: 12px;
    font-weight: 600;
font-size: 13px;
  }
}
body{
  overflow-x: hidden; /* has to be scroll, not auto */
  overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
*{
-webkit-overflow-scrolling: touch;
}
@media (max-width: 400px) {

  #results{
      margin: auto;

    width:300px;;
    text-align: center;
    position: relative;
      display: grid;
      grid-columns: 1;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 10px;;
      text-align: center;
      margin-top: 100px!important;
  }
}
.video-holder{
  overflow: hidden;
}
.p{

  text-shadow: 0px 1px 0px #FFF, 0px 1px 0px #FFF!important;
  font-weight: 800!important;
}
.fss-dotted-scrollspy{

border-radius: 48px;
}
.full-screen-scroller .fss-dotted-scrollspy{
  right:0!important;
}
.fss-nav-btn.fss-mainview-prev{
  margin-bottom: calc(100vh / 3)!important;

}
.fss-nav-btn{

  border-radius: 20px;
  background-color: #FFF!important;
  height: 40px;
  width: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.54)!important;
}
.full-screen-scroller .fss-dotted-scrollspy .fss-nav-item{
  display: none;
}