body {
    padding: 0px;
}

.row {
   width:100%;    
}

.blue-box {
    background-color:   #15253e;
    background-image:   -moz-radial-gradient(center, ellipse cover, #1f325d 0%, #15253e 100%);
    background-image:   -webkit-radial-gradient(center, ellipse cover, #1f325d 0%, #15253e 100%);
    background-image:   -o-radial-gradient(center, ellipse cover, #1f325d 0%, #15253e 100%);
    background-image:   -ms-radial-gradient(center, ellipse cover, #1f325d 0%, #15253e 100%);
    background-image:   radial-gradient(center, ellipse cover, #1f325d 0%, #15253e 100%);
    filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr = '#1f325d', endColorstr = '#15253e', GradientType = 0);
    padding: 0px;
    margin: 0;
    width: 100%;
}

.green-box {
    background-color:   #15253e;
    background-image:   -moz-radial-gradient(center, ellipse cover, #3aaa36 0%, #00873b 100%);
    background-image:   -webkit-radial-gradient(center, ellipse cover, #3aaa36 0%, #00873b 100%);
    background-image:   -o-radial-gradient(center, ellipse cover, #3aaa36 0%, #00873b 100%);
    background-image:   -ms-radial-gradient(center, ellipse cover, #3aaa36 0%, #00873b 100%);
    background-image:   radial-gradient(center, ellipse cover, #3aaa36 0%, #00873b 100%);
    filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr = '#3aaa36', endColorstr = '#00873b', GradientType = 0);
    padding: 0px;
    margin: 0;
    width: 100%;
}

.hello-text {
    color: white;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 700;
    font-size: 130px;
    
}

.heading {
    font-size: 35px;
    color: white;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 700;    
}

.text-1 {
    font-size: 30px;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    margin-bottom: 30px;
}

.footer-text {
    font-size: 13px;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}

.sub-heading {
    font-size: 25px;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
}

.form-text {
    font-size: 15px;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
}

.heading-sm {
    font-size: 30px;
    color: white;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 700;
}

.text-1-sm {
    font-size: 25px;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    margin-bottom: 30px;
}

.heading-xs {
    font-size: 25px;
    color: white;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 700;    
}

.text-1-xs {
    font-size: 20px;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    margin-bottom: 30px;
}

.text-1-xxs {
    font-size: 15px;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    margin-bottom: 30px;
}

.top-links {
    font-size: 13px;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-bottom: 0px;
}

.text-2 {
    font-size: 20px;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #1b75bb;
    margin-bottom: 70px;
}

.email-text {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 400;
    color: white;
    font-size: 22px;
    margin-bottom: 20px;
}

.email {
    position: fixed;
    right: 80px;
    width:150px;
    top:40%;
}

.top-tabs {
    display: inline-block;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    
}

.second:before {
  content: "";
  z-index: -1;
  box-shadow: -50px 50px 20px 50px #000;
}

.white-button {
    width:15px;
    height:15px;
    margin-bottom: 25px;
}

.features-icons {
    width: 130px;
    height: 130px;
    margin-bottom: 20px;
}

.features-text {
    margin-bottom: 15px;
    padding-left: 50px;
    padding-right: 50px;
}

.features-text-sm {
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;    
}

.carousel-div {
    text-align: center;
}

.blue-shadow {
    -webkit-filter: drop-shadow(15px 15px 15px #0a1526); filter: drop-shadow(15px 15px 15px #0a1526);
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


.carousel-dots {
    
}

.register-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1em;
}

.register-title {
    color: white;
    font-family: 'Roboto Slab', serif;
}

.register-body {
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}

.register-image {
    margin: auto;
}

.title-cell{
    text-align: center;
    width: 33%;
}

.description-cell {
    text-align: center;
    vertical-align: top;
}

.count-me-in {
    color: white;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}

.mailto-link {
        text-decoration: none;
    }