/*
    Crafted and Designed By DesignDrastic
    Author: DesignDrastic
    Author URL: http://designdrastic.com
    License URL: http://designdrastic.com/license
*/
/*  Theme Defaults:- 
    font-family: 'Nunito', sans-serif;
    
    sky   #0092CA  0 146 202  ; 
    black #222832 34 40 50;
*/
/***** tms-navbar ***************************/
body{
    height:100%;
    width: 100%;
    font-family: "Nunito", sans-serif;
}

#joystick {
  height: 300px;
  width: 300px;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
  text-align: center;
  background-color: #00DCAE;
  font: 24px/300px "Nunito", sans-serif;
  cursor: all-scroll;
  user-select: none;
  z-index: -100;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*[data-notify="progressbar"] {
  margin-bottom: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 25px;
}*/
.slider{
  min-height: 89.5vh;
}
.slider-left-img{
  height: 100vh;
}
.slider-right-div1,.slider-right-div2{
  height: 43.5vh;
}
.slider-left-content{
  background: #00DCAE;
}
.lets-start:hover{
  text-decoration: none;
  color: #00DCAE!important;
}
.drivetrashbot:hover{
  cursor: pointer;
  text-align: center;
   vertical-align: middle;
}
.drivetrashbot-sm:hover{
  cursor: pointer;
  text-align: center;
   vertical-align: middle;
}
.TD-height{
  min-height: 100vh;
}
.parallax {
    background:linear-gradient(0deg,rgba(20,20,20, .5),rgba(20,20,20, .5)),url('../images/chicagoriver.png');
    /*background:linear-gradient(rgba(255, 0, 0, 0.45), rgba(255, 0, 0, 0.45));*/
    /*background-image:url('../images/chicagoriver.png');*/
    height: 150px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   /* -webkit-filter: grayscale(60%);  Safari 6.0 - 9.0 
    filter: grayscale(60%);*/
}
.section2{
  min-height: auto;
}
.questions{
  height: 100px;
  line-height: 80px;
  background:#00DCAE;
}
.stop-start-btn{
  display: none;
}

.img-h{
  height: 100vh;
}
@media screen and (max-width: 1024px) {
.desc{
  2rem!important
}
.logo{
  margin:0px!important;
}
.img-h{
  height:100vh;
}

}
@media screen and (max-width: 768px) {
.slider{
  min-height: 50.5vh;
}
.slider-left-img{
  height:108vh;
}
.start-stop-btn{
  display: none;
}
.stop-start-btn{
  display:block;
}
#joystick2 {
  height: 150px;
  width: 150px;
  border-radius: 150px;
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
  text-align: center;
  background-color: #00DCAE;
  font: 24px/150px "Nunito", sans-serif;
  cursor: all-scroll;
  user-select: none;
  z-index: -100;
}
.TD-footer{
  height: 200px;
}
.img-h{
  height:107.9vh;
}
.desc{
  margin-top: 1.5rem!important;
}

}
@media screen and (max-width: 600px) {

.slider-left-img{
  height:auto;
}
.slider{
  min-height: 50.5vh;
}
.img-h{
  height: 50vh;
}

}