html { 
    font-family: 'Open Sans', sans-serif;
    font-weight: 300; 
}

#title {
    font-size: 36pt;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400; 
    text-align: center;
}

div.logo {
    display: block;
    margin: 30px auto;
    text-align: center;
    border: 0;
}

h1 {
    font-weight: 300; 
    font-size: 12pt;
    text-align: center;
}

h2 {
    font-weight: 300; 
    font-size: 18pt;
    text-align: center;
}

h3 {
    color: #ff4b00;
    font-weight: 300; 
    font-size: 14pt;
}

.orange {
    color: #ff4b00;
}

.centered {
    text-align: center;    
}

#footer {
    width: 100%;
    height: 50px;
}

.bottomLogo, .copyright {
    float: left;
    padding-right: 30px;
}

.pull-right: {
    float: right
}

.backToTop {
    padding-right: 5px;
}

.copyright {
    padding-left: 5px;
    color: #909090;
}

.copyright, .backToTop {
    padding-top: 20px;
}

#top {
    top: 0px;
    width: 100%;
    min-width: 1100px;
    height: 115px;
    background: #fff url('../images/smsupport_logo-header.png') no-repeat left center;
    position: fixed;
    z-index: 1000;
}

#title {
    float: left;
}
#menu {
    padding-right: 35px;
}

#menu .item {
    float: right;
    /* width: 100px; */
    text-align: center;
}

#menu .item a, #menu .item a:hover {
    color: #4b00ff;
    text-decoration: none;
    padding-left: 35px;
    padding-bottom: 5px;
}

#menu .selected {
    padding-left: 35px;
}

#menu .item a:hover {
    border-bottom: 2px solid #4b00ff;
}

#menu .getitnow a, #menu .getitnow a:hover {
    /* color: #ff4b00; */
    font-weight: 400;
}

/*
#menu .getitnow a:hover {
    border-bottom: 2px solid #ff4b00;
}
*/

#menu .selected {
    color: #333333;
}

#tagline {
    float: left;
    clear: left;
}

#title, #tagline {
    padding-left: 150px;
}

#content {
    padding: 140px 10px 30px 10px;
}

#topbox {
    background-color: orange;
    color: #fff;
    height: 250px;
    padding: 50px;
    text-align: left;
}

#topbox .primary {
    font-size: 36pt;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400; 
}

#topbox .secondary {
    margin-top: 20px;
    font-size: 24pt;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300; 
}

.carousel .item {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
.carousel .active.left, .carousel .active.right {
    left:0;
    opacity:0;
    z-index:2;
}
.carousel .next, .carousel .prev {
    left:0;
    opacity:1;
    z-index:1;
}

.carousel-control.left {
    background-image: none;
}

.carousel-control.right {
    background-image: none;
}

i.fa, .col-lg-4 h2, .featurette-heading {
    color: #4b00ff;
}

.step img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

.question {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400; 
    color: #ff4b00;
    padding-bottom: 10px;
}
.answer {
    padding-bottom: 15px;
 
}
 
.question:before {
    content: 'Q: ';
}

.answer:before {
    content: 'A: ';
}