html,
body{
  width: 100%;
  height: 100%;
}

/* Home redesign */
html.new-home{
  width: 100%;
  height: auto;
}
body.new-home {
  background-image: linear-gradient(-139deg, #238FF0 25%, #15C8DE 100%);
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
}

.new-home .top-container img.bkg{
  width: 100%;
  position: absolute;
  z-index: -5000;
}

.new-home .top-container{
  overflow: hidden;
  width: 100%;
}


.new-home .header{
  overflow: hidden;
  background: transparent;
}

.new-home .header .brand a{
  text-decoration: none;
  display: block;
  width: auto;
  text-align: center;
}

.new-home .header .brand{
  margin: 4vh 0 0 16vh;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 3.5vh;
  color: #3A3F48;
  letter-spacing: 0;
  float: left;
}

.new-home .header .brand .icon{
  width: 7.5vh;
}
.brand span{
  margin: 5px 0 0 40px;
}

.new-home .header .menu{
  margin: 40px 95px 0 0;
  float: right;
}
.new-home .header .menu a{
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  color: #2C90ED;
  letter-spacing: 0;
}
.new-home .header .menu span{
  margin: 35px;
}



.new-home .info{
  width: 48%;
  margin: 160px 0 0 120px;
  overflow: hidden;
  float: left;
  font-family: 'Montserrat', sans-serif;
}

.new-home .info .tagline{
  font-size: 14px;
  color: #238FF0;
  letter-spacing: 2px;
  font-weight: 600;
}
.new-home .info .podcast-app{
  font-size: 54px;
  color: #3A3F48;
  letter-spacing: 0;
  font-weight: 600;
}
.new-home .info .summary{
  font-size: 16px;
  color: #707E8A;
  letter-spacing: 0;
  line-height: 32px;
  max-width: 530px;
}

.new-home .phones{
  margin: 40px 0 0 0;
  width: 35%;
  overflow: hidden;
  float: left;
}

.new-home .phones img{
  width: 100%;
}


.new-home .stores-bottom .ios img,
.new-home .stores .ios img{
  width: 18vh;
}
.new-home .stores-bottom .android img,
.new-home .stores .android img{
  margin-top: 1px;
  width: 20vh;
}

.new-home .stores-bottom{
  overflow: hidden;
  margin:auto;
  padding-bottom: 50px;
  padding-top: 50px;
  width: 200px;
  text-align: center;
}

.new-home .shows-container{
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  background: transparent;
  overflow: hidden;
}

.new-home .shows-container .headline{
  margin: auto;
  margin-top: 40vh;
  font-size: 2.5rem;
  color: #FFFFFF;
  line-height: 54px;
  font-weight: 600;
}

.new-home .shows-container .subtitle{
  margin: auto;
  margin-top: 40px;
  width: 70vh;
  margin-bottom: 40px;
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 30px;
  font-weight: 400;
}

.new-home .shows-container .more{
  width: 200px;
  height: 46px;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  border-radius: 100px;
  -webkit-transition: box-shadow .3s; /* Safari */
    transition: box-shadow .3s;
}

.new-home .shows-container .more:hover {
  color: #20a0eb;
  background-color: #FFF;
  -webkit-box-shadow: 0px 10px 30px -6px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 10px 30px -6px rgba(0,0,0,0.2);
  box-shadow: 0px 10px 30px -6px rgba(0,0,0,0.2);
}

.new-home .shows-container a:hover {
    text-decoration: none;
}


.new-home .shows-container .more p{
  margin-top: 10px;
}

.shows-list .table-container{
  min-height: 71vh;
}

.new-home .shows-container .shows{
  margin: auto;
  margin-top: 30px;
}

.new-home .shows-container .shows .show-row{
  overflow: hidden;
}

.new-home .shows-container .shows .show-row .show-item img{
  border-radius: 8px;
  width: 16vh;
  float left;
  margin: 2.5px;
}

.new-home .app-container{
  overflow: hidden;
  width: 100%;
}

.new-home .app-container .separator{
  width: 100%;
}
.new-home .app-container .separator img{
  width: 100%;
}
.new-home .app-container .content{
  background-color: white;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  text-align: center;
  height: 100%;
  width: 100%;
}

.new-home .app-container .content .headline{
  margin: auto;
  margin-top: 50px;
  font-size: 32px;
  color: #3A3F48;
  font-weight: 600;
}

.new-home .app-container .content .subtitle{
  margin: auto;
  margin-top: 42px;
  width: 40%;
  font-size: 18px;
  color: #3A3F48;
  line-height: 30px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.new-home .app-container .screens{
  background: white;
}

.new-home .app-container .screens table{
  margin: auto;
  margin-top: 50px;
}
.new-home .app-container .screens .screen-row img{
  width: 11vh;
  box-shadow: 0 2px 5px 0 rgba(44,144,237,0.28);
  margin: 1vh;
  padding: 0;
}

.new-home .footer{
  padding: 0;
  margin: auto;
  background-color: #2F2E3D;
  height: 160px;
}

.new-home .category-card a{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #444444;
}

.new-home .category-card .category-data{
  overflow: hidden;
  margin: 3vh 0 0 0;
}

.new-home .category-card .category-data p{
  margin-top: 1vh;
}

.new-home .category-card:hover {
   margin: 5px 10px 15px 10px;
   box-shadow: 0 12px 40px 0 rgba(0,0,0,0.40);
   -webkit-transition: 2s ease-out;
   -moz-transition: 2s ease-out;
   -o-transition: 2s ease-out;
   transition: .2s ease-out;
}

.new-home .category-card{
  overflow: hidden;
  text-align: center;
  border-radius: 14px;
  margin: 10px;
  background: #FFFFFF;
  box-shadow: 0 7px 26px 0 rgba(0,0,0,0.28);
  width: 262px;
  height: 166px;
}
.new-home .shows-container .shows .show-row .show-item .category-card img{
  width: 100px;
  height: 70px;
}

.new-home .promoted-shows {
  overflow: hidden;
  margin:auto;
  width:90vw;
  margin-bottom: 6vh; 
}

.new-home .promoted-shows img {
  width: 11vw;
  float: left;
  margin: 0 2vw;
  background: white;
  border-radius: 4px;
}


@media (max-device-width : 800px){
  .new-home .promoted-shows img {
    width: 26vw;
    float: left;
    margin: 4vw 2vw;
    background: white;
    border-radius: 4px;
  }
}

@media (max-height: 667px){
  .new-home .info .podcast-app {
    font-size: 28px;
  }
  .new-home .info .tagline {
    font-size: 13px;
  }
  .new-home .info .podcast-app {
    font-size: 28px;
  }
}

.new-home .stores{
    overflow: hidden;
    margin-top: 40px;
  }

@media (max-width: 480px){
  .new-home .menu{
    display: none;
  }
  .new-home .info {
    width: 44vh;
    margin: auto;
    margin-top: 2vh;
    overflow: hidden;
    text-align: center;
    float: none;
  }

  .new-home .info .tagline {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .new-home .info .podcast-app{
    font-size: 28px!important;
  }
  .new-home .info .summary{
    color: white;
    margin-top: 15vh!important;
  }
  .new-home .phones{
    display: none;
  }
  .new-home .stores .ios img{
    width: 15vh;
  }
  .new-home .stores .android img{
    margin-top: 1px;
    width: 16vh;
  }

  .new-home .shows-container .headline {
    width: 93%;
    margin-top: 10vh;
    font-size: 1.5rem;
    line-height: 3.5vh;
  }
  .new-home .shows-container .subtitle {
    width: 43vh;
  }
  .new-home .shows-container .headline span{
    width: 80%;
    margin: auto;
  }
  .new-home .shows-container {
    height: 76vh;
  }
  .new-home .app-container .content .headline {
    font-size: 24px;
    line-height: 30px;
    padding: 0 20px;
  }
  .new-home .app-container .content .subtitle {
    width: 94%;
    font-size: 16px;

  }
  .new-home .app-container .screens{
    overflow: scroll;
  }
  .new-home .app-container .screens .screen-row img {
    width: 11vh;
    box-shadow: 0 2px 5px 0 rgba(44,144,237,0.28);
    margin: 1vh;
    padding: 0;
  }
  .new-home .stores-bottom {
    width: 325px;
  }
}

@media (max-height: 667px){
  .new-home .info .tagline {
    font-size: 11px;
  }
  .new-home .info .podcast-app {
    font-size: 46px;
  }
}

@media (min-height: 680px){
  .new-home .info .podcast-app {
    font-size: 50px;
  }
  .new-home .info .summary{
    margin-top: 2vh;
  }
}

@media (min-width: 1654px){
  .new-home .info{
    margin: 160px 0 0 190px;
  }
  .new-home .info .podcast-app {
    font-size: 85px;
  }
  .new-home .info .tagline {
    font-size: 22px;
  }
  .new-home .info .summary {
    font-size: 26px;
  }
  .new-home .stores .ios img{
    width: 15vh;
  }
  .new-home .stores .android img{
    margin-top: 1px;
    width: 17vh;
  }
  .new-home .header .menu {
    margin: 60px 160px 0 0;
  }
  .new-home .header .menu a {
    font-size: 1.8rem;
  }
  .new-home .stores-bottom {
    width: 475px;
  }
}

.shows-list .header{
  height: 10.3vh;
  text-align: center;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);
}

.shows-list .bottom{
  overflow: hidden;
  width: 85%;
  margin: auto;
  margin-top: 3vh;
}

@media (min-width: 1654px) {
  .shows-list .bottom{
    margin-top: 0;
    width: 95%;
  }
}

.shows-list .shows-container{
  margin-top: 7vh;
}

.shows-list .shows-container .stores{
  margin: auto;
  width: 46%;
  float: left;
}

.episode-list .pagination,
.shows-list .shows-container .pagination{
  float: left;
  width: 27%;
  margin: 0;
}

.episode-list .more,
.shows-list .shows-container .more{
  color: #2C91ED;
  width: 21vh;
  margin: auto;
  font-weight: 600;
}

.episode-list .more{
  border: 2px solid #2C91ED;
  border-radius: 100px;
  width: 21vh;
  text-align: center;
  margin-bottom: 1rem;
}

.episode-list .pagination .more p,
.new-episode-profile .episode-list .more p{
  margin: auto;
  float: none;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

.shows-list .shows-container .shows{
  width: 75%;
}
.shows-list .shows-container .shows table{
  margin: auto;
}

.shows-list .header .home{
  margin: 4vh 25vh 0 0;
  overflow: hidden;
  float: right;
  font-family: 'Montserrat', sans-serif;
  font-size: 2.3vh;
  color: #2C90ED;
  letter-spacing: 0;
}
.shows-list .header .title img{
  float: left;
  width: 6vh;
  height: 6vh;
}
.shows-list .header .title p{
  float: left;
  margin: 0.7vh 0 0 3vh;
}
.shows-list .header .pad{
  height: 10px;
  width: 33%;
  float: left;
}

.shows-list .header .title .container{
  overflow: hidden;
  margin: auto;
}
.shows-list .header .title{
  margin-top: 2vh;
  overflow: hidden;
  width: 33%;
  float: left;
  font-family: 'Montserrat', sans-serif;
  font-size: 3vh;
  color: #3A3F48;
  letter-spacing: 0;
}

body.new-episode-profile{
  background-color: white;
}

body.new-show-profile{
  margin-bottom: 0px;
  background-image: linear-gradient(-139deg, #238FF0 25%, #15C8DE 100%);
}

.new-episode-profile h1,
.new-episode-profile h2,
.new-show-profile h1,
.new-show-profile h2{
  font-weight: 400;
}

.new-show-profile div.logo,
.new-episode-profile div.logo{
  background: #FFFFFF;
  box-shadow: 0 0 11px 0 rgba(0,0,0,0.20);
  border-radius: 8px;
  max-width: 43vh;
  margin: auto;
  margin-top: 5vh;
  overflow: hidden;
  text-align: center;
}

.new-episode-profile .logo img{
  width: 40vh;
  margin: 1.5vh;
  border-radius: 8px;
}

.new-episode-profile .container,
.new-show-profile .container{
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  width: 100%;
  margin: 0;
  padding: 0;
}
.new-episode-profile .header,
.new-show-profile .header{
  padding: 0 10vw;
  height: 10.3vh;
  text-align: center;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);
}

.new-episode-profile .header .back img,
.new-show-profile .header .back img{
  width: 20px;
}

.new-episode-profile .header .back a,
.new-show-profile .header .back a{
  margin: 0 0 0 2vh;
  font-family: 'Montserrat', sans-serif;
  font-size: 2.3vh;
  font-weight: 400;
  color: #2C90ED;
  letter-spacing: 0;
  vertical-align: middle;
}

.new-episode-profile .header .home,
.new-show-profile .header .home{
  overflow: hidden;
  margin: 4vh 5vh 0 0;
  text-align: right;
  font-family: 'Montserrat', sans-serif;
  font-size: 2.3vh;
  font-weight: 400;
  color: #2C90ED;
  letter-spacing: 0;
}

.new-episode-profile .header .back,
.new-show-profile .header .back{
  overflow: hidden;
  margin: 2vh 0vh;
  text-align: right;
}

.new-show-profile .ep-list{
  width: 100%;
}

.new-show-profile .ep-published{
  font-size: 1.6vh;
  padding-right: 2vh;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.new-episode-profile .ep-published{
  font-size: 1.6vh;
  padding-right: 2vh;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.new-show-profile .separator-bottom{
  width: 47vh;
  overflow: hidden;
  float: left;
  height: 37vh;
}

.new-show-profile .separator{
  width: 66vh;
  overflow: hidden;
  float: left;
  height: 37vh;
}

.new-episode-profile .header .title img,
.new-show-profile .header .title img{
  float: left;
  width: 6vh;
  height: 6vh;
}

.new-episode-profile .header .title p,
.new-show-profile .header .title p{
  float: left;
  margin: 0.7vh 0 0 3vh;
  font-weight: 600;
}

.new-show-profile .top div.info{
  width: 100%;
}

.new-episode-profile .header .title .container,
.new-show-profile .header .title .container{
  overflow: hidden;
  margin: auto;
}

.new-episode-profile .header .title,
.new-show-profile .header .title{
    width: 50vh;
    margin: auto;
    margin-top: 2vh;
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
    font-size: 3vh;
    color: #3A3F48;
    letter-spacing: 0;
}

.new-show-profile .info,
.new-episode-profile .info{
  margin: 3vh 0 0 0;
}

.new-episode-profile .name{
  margin: 3vh 0 0 0;
}

.new-episode-profile audio {
    display: inline-block;
    width: 100%;
}

.new-episode-profile .description{
  margin-top: 3vh 1vh;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #666;
  text-align: left;
  padding: 0 1vh;
}

.info div a p {
  font-size: 2vh;
  font-weight: 600;
  text-align: left;
  padding: 1.2vh 1vh;
  color: #007bff;
}

.new-episode-profile .subs a,
.new-episode-profile .subs {
  color: #707E8A;
  font-size: 1.5vh;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.new-episode-profile .subs{
    margin: 3vw;
}

.new-show-profile .container{
  background: transparent;
}

.new-show-profile .container.list .row{
  margin: 0;
  width: 100%;
}
.new-show-profile .white-bkg{
  background: white;
}

.new-show-profile .podcast-name{
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 4vh;
}

.new-show-profile .owner,
.new-show-profile .description-title{
  opacity: 0.7;
  margin-left: 1.7vh;
}

.new-show-profile .description-title{
  margin: 2vh 0 1vh 0;
  font-size: 1.5vh;
  text-transform: uppercase;
}

.new-show-profile .description-title p{
  margin: 0;
  font-weight: 600;
  font-size: 1.8vh;
}

.new-show-profile .owner{
  font-size: 2.5vh;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: white;
}

.new-show-profile .description p.hidden-sm-down {
    padding-right: 14vh;
}

.new-episode-profile .player {
  margin-top: 30px;
}

.new-episode-profile .description p.subs {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.new-show-profile .stores,
.new-episode-profile .stores {
    text-align: center;
    margin: auto;
    margin-top: 3vh;
    overflow: hidden;
}

.new-show-profile .stores .ios,
.new-episode-profile .stores .ios{
  margin-right: 1.3vh;
}

.new-show-profile .stores .ios img,
.new-episode-profile .stores .ios img{
  margin-right: 2vh;
}

.new-show-profile .stores img,
.new-episode-profile .stores img{
  width: 15vh;
  float: left;
}

.new-show-profile .episode-list img,
.new-episode-profile .episode-list img{
    margin: 1.5vh 1vh 0 0;
    overflow: hidden;
    width: 1.5vh;
    float: right;
}

.new-episode-profile .episode-list{
  overflow: hidden;
}

.morelink a,
.new-episode-profile .episode-list p{
    float: left;
    font-size: 2.2vh;
    color: #2C90ED;
    letter-spacing: 0;
    margin: 0.5vh 0 0 1vh;
    font-weight: 600;
}

.new-episode-profile .grey,
.new-show-profile .grey{
  vertical-align: middle;
  height: 9vh;
  background-color: #F9F9F9;
  border: none;
}

.new-episode-profile th,
.new-show-profile th{
  border: none;
  text-align: center;
}

.new-episode-profile td,
.new-show-profile td{
  border: none;
  overflow: hidden;
  vertical-align: middle;
  padding: 0;
}

.new-episode-profile td{
  padding-left: 47px;
}

.new-episode-profile .cell p,
.new-show-profile .cell p{
  margin: 0;
}

.new-episode-profile .cell,
.new-show-profile .cell{
  vertical-align: middle;
}

.new-episode-profile .play a,
.new-show-profile .play a{
  cursor: pointer;
}

.new-episode-profile td.play,
.new-show-profile td.play{
  vertical-align: top;
  text-align: center;
}
.new-episode-profile .play img,
.new-show-profile .play img{
  width: 5vh;
}

.new-episode-profile .white,
.new-show-profile .white{
  vertical-align: middle;
  height: 9vh;
  background-color: white;
  border: none;
}

.new-episode-profile .ep-list-title,
.new-show-profile .ep-list-title{
  text-align: right;
  font-weight: 400;
  font-size: 1.7vh;
  color: #707E8A;
}

.new-episode-profile .ep-list-title{
  text-align: left;
}

.new-show-profile .description,
.new-show-profile .related{
  color: white;
  font-size: 2.3vh;
  float: left;
  width: 75%;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  padding: 1vh 1vh 0 1vh;
  text-align: left;
}

.new-show-profile .ratings-avg{
    font-weight: 600;
    font-size: 1rem;
    color: #FFFFFF;
}

.new-show-profile .rating-line{
  opacity: 0.5;
  max-width: 75%;
  margin: 0;
  margin-bottom: 15px;
}
.new-show-profile .rating-line-down{
  opacity: 0.5;
  max-width: 75%;
  margin: 0;
  margin-top: 15px;
}
.new-show-profile .ratings-avg .stars{
  margin-left: 6px;
}
.new-show-profile .ratings-count{
  font-weight: 500;
  font-size: 0.9rem;
  color: white;
  opacity: 0.7;
}

.new-show-profile .ratings-avg .stars img{
  vertical-align: unset;
}

.new-show-profile .categories a {
  font-size: 1.7vh;
  color: #FFF;
  border: 1px solid #7bceff;
  border-radius: 2vh;
  padding: 0.5vh 1.6vh;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.new-show-profile .categories a:hover {
    text-decoration: none;
    border: 1px solid #FFF;
    background: #FFF;
    color: #2C91ED;
}


.new-show-profile .categories,
.new-show-profile .description-box{
    margin: 1.5vh 1.8vh 0 1.8vh;
    overflow: hidden;
    clear: both;
}

.new-show-profile .ratings-box,
.new-show-profile .app-download {
  margin: 1vh 1.8vh;
  border-top: 1px solid #4bc8ea;
  padding-top: 1vh;
}

.new-show-profile .app-download {
  text-align: center;
}

.new-episode-profile .app-download {
  margin: 4vh 1.8vh;
  text-align: center;
}

.new-show-profile .app-download h3 {
  font-size: 2vh;
  font-weight: bold;
  color:white;
}

.new-episode-profile .app-download h3 {
  color:black;
  font-size: 3vh;
  font-weight: bold;
}


.new-show-profile .app-download img,
.new-episode-profile .app-download img {
  height: 7vh; 
}

.new-show-profile .related-box{
    overflow: hidden;
    background-image: linear-gradient(-139deg, #238FF0 25%, #15C8DE 100%);
    padding: 0 0 0 5vw;
}

.new-show-profile .overlay{
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  overflow: hidden;
  position: absolute;
  left: 17vh;
  top: 13vh;
  width: 44vh;
  height: 94vh;
  background: #FFFFFF;
  box-shadow: 0 0 11px 0 rgba(0,0,0,0.20);
  border-radius: 8px;
}

.new-show-profile .overlay div{
  text-align: center;
}

.new-show-profile .overlay img{
  margin: 1.4vh 0 0 0;
  border-radius: 8px;
  width: 40.8vh;
}
.new-episode-profile .cell .ep-row-title,
.new-show-profile .cell .ep-row-title{
  font-size: 1.7vh;
  font-weight: 500;
  color: #444444;
}

.new-episode-profile .cell .ep-row-desc,
.new-show-profile .cell .ep-row-desc{
  font-size: 1.4vh;
  font-weight: 400;
  color: #727780;
}

.new-show-profile .overlay .title{
  margin: 2vh 0 2vh 0;
  font-size: 1.5vh;
  color: #2c91ed;
  font-weight: 600;
}

.new-show-profile .overlay .ep-title{
  font-weight: 400;
  margin: 0 0 0.5vh;
  font-size: 3vh;
  color: #3A3F48;
}

.new-show-profile .overlay .ep-description{
  margin: 2vh 3vh 3vh 3vh;
  text-align: left;
  color: #666666;
  font-size: 1.8vh;
  font-weight: 400;
}

.new-show-profile .player{
  margin: auto;
  width: 90%;
}


.new-show-profile .player audio{
  width: 100%;
}

.new-show-profile .overlay .published{
  margin: 0 0 2vh 0;
  font-size: 1.5vh;
  color: #707E8A;
}

img.logo-related{
  width: 10%;
  margin-right: 6px;
  margin-bottom: 10px;
}

a:hover.ep-item{
  text-decoration: none;
}

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1654px) {

  .new-episode-profile div.logo{
    max-width: 33vh;
  }


  .new-episode-profile .logo img{
    width: 30vh;
  }

  .new-show-profile .overlay{
    left: 16vh;
    width: 36vh;
    height: 90vh;
  }

  .new-show-profile .overlay .published{
    font-size: 1.2vh;

  }
  .new-show-profile .overlay .title{
    font-size: 1.2vh;
  }

  .new-show-profile .overlay .ep-title{
    font-size: 2.5vh;
  }

  .new-show-profile .overlay .ep-description{
    font-size: 1.6vh;
  }
  .new-show-profile .overlay img{
    width: 32.8vh;
  }

}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 800px) and (max-width: 1025px) {
  .new-show-profile .header .back {
    margin: 2.5vh 5vh 0 0;
  }

}



@media (max-width:320px), (max-width:481px), (max-width:641px){
  .new-home .header .brand .icon{
    width: 5vh;
  }
  .new-home .header .brand{
    margin: 4vh auto 0 auto;
    font-size: 2.5vh;
    float: none;
    width: auto;
  }

  .new-home .shows-container .shows .show-row .show-item img{
    border-radius: 8px;
    width: 10vh;
    float left;
    margin: 2.5px;
  }
}

.core-specs{
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.core-specs ul{
  font-size: 1rem;
}

.doorslam > .description{
  text-align: center;
  margin: auto;
}

.doorslam-subtitle{
  color: gray;
}

.alert-debug {
  background-color: #fff;
  border-color: #d6e9c6;
  color: #000; }

.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48; }

@media (max-width: 47.9em) {
  .navbar-nav .nav-item {
    display: inline-block;
    float: none;
    width: 100%; }

  .navbar-nav .nav-item + .nav-item {
    margin-left: 0; }

  .nav.navbar-nav.pull-xs-right {
    float: none !important; } }
[hidden][style="display: block;"] {
  display: block !important; }

body {
  background-color: #f5f8fa;
  /* Margin bottom by footer height */
  margin-bottom: 60px; }
  body.home {
    margin-bottom: 0; }

.header {
  background-color: white; }
  .header .container {
    height: 70px;
    padding: 0 35px !important;
    width: 100%; }
    .header .container .title {
      padding: 20px 0; }
      .header .container .title h1 {
        font-size: 1.7rem;
        margin: 0; }
        .header .container .title h1 img {
          width: 35px;
          height: 35px;
          margin-top: -13px; }
        .header .container .title h1 a {
          color: #2d91ee;
          text-decoration: none; }
    .header .container .download-app {
      padding: 10px 5px; }
      .header .container .download-app a.playstore {
        width: 100%;
        text-align: right;
        display: inline-block; }
        @media (min-width: 47.9em) {
          .header .container .download-app a.playstore {
            padding-right: 10px; } }
      .header .container .download-app img {
        max-width: 165.5px; }

.footer {
  padding: 20px 0;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px; }

@media (max-width: 47.9em) {
  .podcast-profile h1, .episode-profile h1 {
    font-size: 1.7rem; }
  .podcast-profile h2, .episode-profile h2 {
    font-size: 1rem; }
  .podcast-profile h3, .episode-profile h3 {
    font-size: 1rem; } }
.podcast-profile .breadcrumb, .episode-profile .breadcrumb {
  background: none;
  padding: 0; }
  .podcast-profile .breadcrumb li, .episode-profile .breadcrumb li {
    font-size: 0.85em; }
  .podcast-profile .top div.info, .episode-profile .top div.info {
    margin: 0; }
    .podcast-profile .top div.info .name, .episode-profile .top div.info .name {
      margin-bottom: 20px; }
      @media (max-width: 47.9em) {
        .podcast-profile .top div.info .name, .episode-profile .top div.info .name {
          margin-bottom: 10px; } }
      .podcast-profile .top div.info .name .install-btn, .episode-profile .top div.info .name .install-btn {
        text-align: center; }
      .podcast-profile .top div.info .name .btn-secondary, .episode-profile .top div.info .name .btn-secondary {
        background-color: #f5f8fa; }
    @media (max-width: 47.9em) {
      .podcast-profile .top div.info .action-btn, .episode-profile .top div.info .action-btn {
        text-align: center;
        padding: 10px 0;
      }
        .podcast-profile .top div.info .action-btn a, .episode-profile .top div.info .action-btn a {
          width: 90%;
          border-radius: 3px;

        }
        .doorslam-action-btn a{
          box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.5);
          height: 48px;
          padding-top: 0.4rem;
          padding-bottom: 0.4rem;
        }
        .podcast-profile .top div.info .action-btn a.btn-success, .episode-profile .top div.info .action-btn a.btn-success {
          font-size: 1.8em; } }
    .podcast-profile .top div.info .logo, .episode-profile .top div.info .logo,
    .podcast-profile .top div.info .mobile-logo, .episode-profile .top div.info .mobile-logo {
      text-align: center;
      margin-bottom: 15px; }

      .podcast-profile .top div.info .logo .img-thumbnail, .episode-profile .top div.info .logo .img-thumbnail,
      .podcast-profile .top div.info .mobile-logo .img-thumbnail, .episode-profile .top div.info .mobile-logo .img-thumbnail {
        background-color: inherit; }
  .podcast-profile .top .ad, .episode-profile .top .ad {
    text-align: center;
    margin-bottom: 10px; }

.podcast-profile .list {
  background-color: white;
  width: 100%;
  max-width: 100%;
  border-top: 2px solid #dfdfdf; }
  .podcast-profile .list .container {
    padding: 0 30px; }
    @media (max-width: 48em) {
      .podcast-profile .list .container {
        padding: 0 0px;
        /*.logo {
          img {
            width: 150px;
          }
        }*/ } }
    .podcast-profile .list .container table {
      border-top: none;
      background-color: white;
      font-size: 0.9em; }
      .podcast-profile .list .container table th {
        border-top: none; }
      .podcast-profile .list .container table tr td a {
        color: #373a3c;
        text-decoration: none; }

.episode-profile .player {
  margin: 30px 0; }
  @media (max-width: 48em) {
    .episode-profile .player {
      margin: 10px 0; } }

.home .container {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 20px 35px; }
.home img.logo {
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  max-width:95%;
  max-height:95%; }
.home img.mobile-logo {
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  width:100px; }
.home .logo-name {
  height: auto;
  font-size: 2em;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  vertical-align: middle;
  height: 95%;
  width: 95%; }
  .home .logo-name p {
    background-color: #eee;
    padding: 0.7em 1em;
    height: 100%;
    width: 100%;
    overflow: hidden; }
@media (min-width: 1799px) {
  .home .col-xl-1-5 {
    width: 12.5%; } }
.home .podcast-rows > div {
  padding: 5px;
  overflow: hidden; }
.home .more-podcasts {
  text-align: center;
  padding: 20px 20px 0; }
.home button {
  font-weight: bold;
  background: none;
  padding: 5px 60px; }

.search-results .container {
  padding-top: 30px; }
.search-results .search-item {
  margin-top: 1em 0 0;
  min-height: 100%;
  display: flex;
  align-items: center;
  clear: both; }
  .search-results .search-item .title h5 {
    font-weight: normal; }
  .search-results .search-item .title a.podcast-url {
    color: #373a3c; }
  .search-results .search-item .logo {
    text-align: center;
    padding: 0;
    margin: 0;
    float: right; }
    .search-results .search-item .logo img {
      width: 100px; }
.search-results hr {
  float: right;
  width: 75%;
  border-bottom: 1px solid #CCC; }

/* Doorslam style */
body.doorslam{
  margin: 0;
}

.cta a{
  display: block;
  padding-top: 14px;
  color: white;
}

.cta {
  margin: auto;
  font-weight: 500;
  font-size: 1.4rem;
  height: 60px;
  width: 280px;
  border-radius: 30px;
  background: linear-gradient(137.13deg, #50DB30 0%, #3BB8A2 100%);
  box-shadow: 0 8px 8px 0 rgba(32,212,101,0.24), 0 -1px 20px 0 rgba(81,227,67,0.36);
}

.doorslam .sep-line img{
    width: 95%;
    margin-top: 15px;
    margin-bottom: 16px;
  }
.doorslam .continue-text{
  width: 90%;
  font-size: 1rem;
}
.doorslam .value-prop{
    width: 265px;
    font-size: 1.4rem;
  }

.doorslam .top-padding{
    height: 20px;
}

.doorslam .top{
  background: url("/static/images/bluebkg.f50e0906e502.png") no-repeat;
  background-size: cover;
}

.doorslam .main{
  background-color: white;
}

.doorslam .main,
.doorslam .info{
  height: 100%;
}
.doorslam .top-container{
  overflow: hidden;
  padding: 0;
}

.doorslam .top div.info{
  padding: 0;
}
.doorslam{
  font-family: 'Montserrat', sans-serif;
  font-weight: 100;
}
.doorslam .description{
  margin-bottom: 13px;
  margin-top: 70px;
}

.doorslam .bottom-container{
  background: url("/static/images/whitepluslogo.e58871eaaf38.png") no-repeat;
  background-size: cover;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.doorslam .button-container{
  text-align: center;
}

.doorslam .mobile-logo a{
  display: inline-block;
  width: 170px;
  height: 170px;
  box-shadow: 0 8px 8px 0 rgba(0,0,0,0.2), 0 6px 23px 0 rgba(0,0,0,0.2);
}

.doorslam .mobile-logo img{
  width: 100%;
  height: 100%;
}

.episode-profile .doorslam .mobile-logo a{
  width: 100px;
  height: 100px;
  box-shadow: 0 8px 8px 0 rgba(0,0,0,0.2), 0 10px 15px 0 rgba(0,0,0,0.1);
}
.episode-profile .doorslam .mobile-logo img{
  border-radius: 0.75rem;
}

.episode-profile .doorslam .sep-line{
  width: 90%;
  margin: auto;
}

.episode-profile div.mobile-logo{
  width: 120px;
  height: 120px;
  margin-left: 20px;
  float: left;
  overflow: hidden;
  text-align: center;
}

.episode-profile .published-date{
  padding-top: 5px;
  font-weight: 300;
  font-size: 0.8rem;
  color: white;
  opacity: 0.8;
}

.episode-profile .top div.info{
  overflow: hidden;
  padding: 0 20px 0 12px;
}

.episode-profile .doorslam .description{
  line-height: 1.8rem;
  width: 86%;
  overflow: hidden;
  margin: 0 0 15px 30px;
  font-size: 1rem;
  font-weight: 400;
  color: white;
  text-align: left;
}

.episode-profile .doorslam .listen-to{
  margin: 22% 0 35px 0;
}
.episode-profile .sep-desc{
  overflow: hidden;
  opacity: 0.5;
}

.extra-info{
  margin-top: 10px;
  overflow: hidden;
  font-weight: 400;
  font-size: 1rem;
}

.extra-info .duration{
  line-height: 1rem;
  float: left;
  margin-left: 2px;
  font-size: 0.9rem;
  width: 50%;
  text-align: left;
  opacity: 0.9;
}

.episode-profile .doorslam h2{
  font-size: 0.9rem;
  opacity: 0.9;
}

.episode-profile .doorslam h3{
  font-size: 1.05rem;
  color: #666666;
  width: 55%;
  margin: auto;
}

.episode-profile .button-container{
  margin-bottom: 35px;
}

.episode-profile .continue-text a{
  font-size: 1.15rem;
  color: #2C90ED;
  font-weight: 300;
}

.episode-profile .continue-text p{
  color: #666666;
  font-size: 0.9rem;
  font-weight: 300;
}

.extra-info .show-name h2{
  font-weight: 400;
}

.extra-info .show-name{
  width: 49%;
  float: left;
  text-align: right;
}

.episode-profile p.published-date{
  margin-bottom: 5px;
}

.episode-profile .doorslam .top-padding{
  height: 40px;
}
body.episode-profile{
  background-color: white;
  background-size: contain;
}
.doorslam .btn-doorslam img{
  box-shadow: none;
}

.episode-profile .doorslam h1{
  font-size: 1.2rem;
  font-weight: 500;
}

.episode-profile .top{
  overflow: hidden;
}

.doorslam h1{
  margin-bottom: 3px;
}

.doorslam h2{
  opacity: 0.7;
  margin-top: 0;
  font-weight: 400;
  color: white;
}
.doorslam h3{
  font-weight: 300;
}

.doorslam .sep-line{
  text-align: center;
}

.doorslam .continue-text{
    margin: auto;
    overflow: hidden;
    color: #2C90ED;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 0;
}

.doorslam .value-prop{
    text-align: center;
    font-weight: 300;
    margin: auto;
    margin-top: 10px;
    line-height: 2rem;
}


@media only screen
    and (max-device-height : 640px){
    .doorslam h1{
      font-size: 1.4rem;
    }
    .doorslam h2{
      font-size: 0.9rem;
    }
    .doorslam .mobile-logo a{
      width: 120px;
      height: 120px;
    }
    .doorslam .top-padding {
      height: 10px;
    }
    .doorslam .description {
    margin-top: 60px;
  }
  .doorslam .value-prop{
    font-size: 1.1rem;
  }
  .cta {
    font-size: 1.2rem;
    height: 45px;
    width: 250px;
  }
  .cta a{
    padding-top: 9px;
  }
  .doorslam .continue-text {
    font-size: 0.8rem;
  }
  .episode-profile .doorslam h1{
    font-size: 0.9rem;
    font-weight: 500;
  }
  .episode-profile .continue-text p{
    font-size: 0.7rem;
  }
  .episode-profile .doorslam h3{
    font-size: 0.95rem;
  }
  .episode-profile .published-date{
    font-size: 0.6rem;
  }
  .episode-profile .doorslam .top-padding {
    height: 20px;
  }
  .episode-profile .doorslam .description {
    line-height: 1.6rem;
    font-size: 0.8rem;
  }
  .episode-profile .doorslam h2{
    font-size: 0.7rem;
  }
  .extra-info .duration {
    font-size: 0.7rem;
  }
  .episode-profile .description p{
    margin: 0;
  }
  .episode-profile .doorslam .listen-to {
    margin: 20% 0 15px 0;
  }
  .episode-profile .button-container {
    margin-bottom: 10px;
  }
}

h1.podcast-name-mobile{
  font-weight: 300;
  color: white;
}

.new-episode-profile table th.ep-list-title {
  padding: 47px;
}

.episode-list .pagination{
  margin: 0 4vw;
}

.episode-list .pagination:last-child {
  float:right;
}

.doorslam-link-to-web {
  text-align: center;
  font-size: 3.5vw;
}

.doorslam-link-to-web a {
  color: #8e8e8e;
  text-decoration: underline;
  font-family: -apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue",Arial,sans-serif;
}

.new-episode-profile .row.info{
  width: 95%;
  margin: auto;
}

.new-episode-profile .container,
.new-show-profile .container {
  overflow: hidden;
}

.new-episode-profile .header .col-md-3,
.new-show-profile .header .col-md-3{
  display:none;
}

.new-episode-profile .col-md-3,
.new-show-profile .col-md-3 {
  float: left;
  margin-bottom: 2vh;
  width: auto;
  margin-top: 1vh;
}

.new-episode-profile div.logo,
.new-show-profile div.logo {
  width: 22vw;
  padding: 0;
  margin: 0;
  max-width: 150px;
}

.new-episode-profile div.logo {
  margin: 1vh 2vh 1vh 1vh;
  float: left;
}

.new-episode-profile .logo img,
.new-show-profile .logo img {
  width: 100%;
  margin: 0;
}


.new-episode-profile .info .name,
.new-show-profile .info .name{
  padding-top: 1vh;
}

.new-episode-profile h1 {
  font-size: 2.5vh;
  font-weight: 400;
}

.new-show-profile h1 {
  font-size: 3.5vh;
}

.new-episode-profile h1 {
  font-size: 3.5vh;
  font-weight: 600;
  line-height: 4.4vh;
}


.new-episode-profile td,
.new-show-profile td {
  padding: 1.8vh 1vh 1.8vh 1.8vh;
}

.new-show-profile td:first-child {
  display:inline-block;
  width:80vw;
}

.new-episode-profile table th.ep-list-title {
  padding: 4vw;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 2vh;
  padding-top: 60px;
}

.new-show-profile .episode-list .pagination .more,
.new-episode-profile .episode-list .more {
  width: 22vh;
  font-size: 2vw;
  height: auto;
  padding: 1vh 0;
}

.new-show-profile .episode-list .pagination .more p,
.new-episode-profile .episode-list .pagination .more p{
  margin: 0;
  font-size: 12px;
}

.episode-list .pagination:first-child {
  margin-left: 4vw;
}

.episode-list .pagination:last-child {
  margin-right: 4vw;
}

/* Begin: Show profile specifics */

.description-title h2 {
  font-size: 2.3vh;
}

.related-box .description-title h2 {
  font-size: 2.5vh;
  font-weight: 600;
  color: #FFF;
  padding: 2vh 4vh 1vh 1vh;
}

.description-box h2 {
  color: white;
  font-weight: bold;
  margin: 0;
  margin-left: 1vh;
  font-size: 2.3vh;
}

.episode-list h2 {
  font-size: 2.5vh;
  font-weight: 600;
  padding: 4vh 1.8vh 1vh 1.8vh;
}

body.new-show-profile {
  background: transparent;
}

.new-show-profile .overlay {
  display:none;
}

.new-show-profile .container {
  background-image: linear-gradient(-139deg, #238FF0 25%, #15C8DE 100%);
}

.new-show-profile .categories a {
  margin: 0.5vh 1vw;
  display: block;
  float: left;
}

.new-show-profile .description-title p {
  font-size: 2.5vh;
  margin-bottom: 2vh;
}

.new-show-profile .description,
.new-show-profile .related {
  width: 100%;
}

.new-show-profile .related {
  padding-bottom: 8vh;

}

.morelink {
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}

.new-show-profile .ratings-avg {
  font-weight: 600;
  font-size: 3vh;
  color: #FFFFFF;
}


.new-show-profile .ratings-avg .stars{
  vertical-align: text-bottom;s
}

.new-show-profile .ratings-avg .stars img {
  vertical-align: text-top;
  max-height: 2vh;
  margin-top: 1.2vh;
}

.new-show-profile img.logo-related {
    width: 28%;
    margin-right: 6px;
    margin-bottom: 10px;
    background-color: #FFF;
}

.new-show-profile .rating-line,
.new-show-profile .rating-line-down {
  width:100%;
  max-width:100%;
  clear: both;
}

.new-show-profile .ratings-box .ratings-avg {
  display: inline-block;
  overflow: hidden;
  padding-left: 2%;
  width: 50%;
  vertical-align: bottom;
}

.new-show-profile .ratings-box .ratings-count {
  display: inline-block;
  overflow: hidden;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 2vh;
  opacity: 1;
  text-align: right;
  width: 46%;
  vertical-align: baseline;
}

.new-show-profile .cell .ep-row-title {
  font-size: 2vh;
  font-weight: 500;
  color: #444444;
}

.new-show-profile .cell .ep-row-desc {
  font-size: 1.8vh;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  color: #727780;
}

.new-show-profile table th.ep-list-title {
  padding:0;
  width: 100%;
}

/* End: Show profile specifics */


/* Begin: Home specifics; */
@media only screen
    and (max-device-width : 460px){
  .new-home .header .menu,
  .new-home .info .podcast-app {
    display:none;
  }

  .new-home .info .tagline span {
    font-size: 4vw;
    font-weight: 600;
    letter-spacing: -0.3px;
  }

  .new-home .header .brand span {
    width: auto;
    padding-left: 2vw;
    margin: auto;
    font-size: 6vw;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #3A3F48;
    letter-spacing: -0.4px;
    display: inline-block;
  }

  .new-show-profile .app-download {
    text-align: center;
  }

  .new-show-profile .ratings-box {
    width: 94vw;
  }

  .new-home .header .brand img.icon {
    width: 9vw;
    margin: 0;
    margin-right: 1vw;
    display: inline-block;
    vertical-align: bottom;
  }

  .new-home .show-item {
    float: left;
    margin-left: 3vw;
  }
  .new-home .category-card {
    width: 40vw;
    height: 24vh;
  }

  .new-home .shows-container {
    height: auto;
  }

  .new-home .shows-container .headline {
    margin-top: 5vh;
    font-size: 4vh;
    line-height: 5vh;
  }

  .new-home .category-card .category-data p {
    padding: 0 2vw;
  }

  .new-home .stores .ios img,
  .new-home .stores .android img,
  .new-home .stores-bottom .ios img,
  .new-home .stores-bottom .android img {
    width: 50vw;
  }

  .new-home .stores,
  .new-home .stores-bottom {
    width: auto;
    text-align: center;
  }

  .new-home .app-container .screens table{
    margin: auto;
    margin-top: 5vh;
    width: 98vw;
    display: block;
    overflow: hidden;

  }

  .new-home .app-container .screens .screen-row img{
    width: 20vw;
    margin: 2vw;
  }

  .new-home .top-container img.bkg {
    top: -5vh;
  }
}
/* End: Home specifics */

/* Begin: desktop web site */


@media only screen
    and (min-device-width : 800px){

  .episode-list {
    width: 80%;
    margin: auto;
  }

  .new-episode-profile .header .col-md-3,
  .new-show-profile .header .col-md-3{
    display: block;
    float: right;
  }

  .new-show-profile .row.info.blue-bkg {
    padding: 0 10vw;
  }

  .new-show-profile img.logo-related {
    width: 10vw;
    margin-right: 0;
    margin-bottom: 10px;
    max-width: 250px;
  }

  .new-show-profile .related-box{
    padding: 0 10vw;
  }

  .new-episode-profile .row.info{
    width: 80%;
  }

  .episode-list h2 {
    padding: 1vh 1vw;
  }

  .new-show-profile .cell .ep-row-desc {
    width: auto;
  }

  .new-show-profile .episode-list .pagination .more,
  .new-episode-profile .episode-list .more {
    width: 13vw;
    font-size: 1vw;
  }

  #menu-open-button {
    display:;
  }
}
/* End: desktop web site */

/* Begin: show categories in home */

.shows-by-category {
  overflow: hidden;
  margin-left: 2vw;
  margin-bottom: 5vh;
}

.shows-by-category a{
  color: black;
  margin: 5px 5px;
  border-radius: 6px;
  -webkit-transition: box-shadow .3s;
  transition: box-shadow .3s;
  background-color: #ffffff;
  vertical-align: middle;
  display: inline-block;
  padding: 4px 8px 4px 10px;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  border: 2px solid #4bb6ff;
}

.shows-by-category a img{
  width: 35px;
  margin: 6px 0;
  vertical-align: middle;
}

.shows-by-category a span{
  font-size: 14px;
  margin: 0;
  padding: 0;
}


.shows-by-category.no-image a span{
  margin-left: 0;
}

.shows-container h2,
.shows-container h3 {
  color: white;
}

.shows-container h2{
  margin-bottom: 3vh;
}

.shows-container h3{
  margin: 1vh 2vw;
  font-size: 1.2rem;
}

/* End: show categories in home */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  line-height: 1.5; 
}

h1 {
  font-size: 2rem;
}

.contact .navbar{
  height: 60px;
  background: #2C91ED;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.contact a{
  color: white;
}

.contact .navbar .header{
  background: #2C91ED;
  margin: 11px auto;
  width: 90%;
  color: white;
  font-family: 'Montserrat';
  line-height: 28px;
  text-align: center;
}

.contact .navbar .title{
  float: left;
  font-size: 18px;
  text-align: center;
  width: 100%;
}

.contact .navbar .help-mail{
  float: right;
  text-align: right;
  font-family: Montserrat-Medium;
  font-size: 16px;
  color: white;
  text-align: center;
  line-height: 29.8px;
  display: none;
}

.contact .contact-form{
  margin: auto;
  width: 90%;
}
.contact .contact-form .header{
  margin-top: 20px;
  font-family: 'Montserrat';
  color: #444444;
  line-height: 26px;
  font-size: 20px;
}
.contact .contact-form .header .text{
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 20px;
}
.contact .contact-form input,
.contact .contact-form textarea{
  width: 100%;
  height: 50px;
  border: 2px solid #D7D7D7;
  border-radius: 4px;
  padding: 0 0 0 12px;
}

.contact .contact-form textarea{
  height: 100px;
  padding-top: 10px;
  margin-bottom: 10px;
}

.contact .contact-form .input{
  margin-top: 20px;
}
.contact #submit input{
    background: #2C91ED;
    border-radius: 4px;
    border: none;
    color: white;
    font-weight: 600;
}

.contact .contact-form label{
  font-family: 'Roboto';
  font-size: 16px;
  color: #444;
  margin-bottom: 4px;
}

.contact .alert{
  margin-top: 50px;
}

body.contact{
  background-color: white;
}