body {
    margin: 0;
    padding: 0;
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    width: 100%;
    min-width: 480px;
    -webkit-font-smoothing: antialiased;
}

a:hover {
    text-decoration: none;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style-position: outside;
}

ol {
    padding-left: 24px;
}

ul {
    padding-left: 32px;
}

li {
    font-size: 16px;
    font-family: 'MyriadProRegular';
    line-height: 20px;
    color: rgb(1, 4, 7);
    padding: 0 0 4px;
}

h1, h2, h3, h4, h5, h6, p, a {
    margin: 0;
    padding: 0;
}

.header {
    width: 100%;
    margin: 0;
    height: 97px;
    background: #003662;
}

.content {
    width: 1024px;
    margin: 0 auto;
}

.header-top {
    /*background: #025891;*/
    background: #0069a1;
    width: 100%;
    height: 42px;
}

    .header-top ul {
        float: right;
        margin: 11px 55px 0 0;
        list-style: none;
    }

        .header-top ul li {
            float: left;
            margin: 0 20px 0 0;
        }

            .header-top ul li a {
                color: #fff;
                font-family: 'futuramedium';
                font-size: 12px;
            }

/*.header-top .top-search {
  float: right;
  margin: 8px 30px 0 0;
  position: relative;
  width: 210px;
  height: 26px;
}
.header-top .form-control {
  background: #146da8;
  color: #fff;
  font-family: arial;
  font-size: 10px;
  width: 210px;
  border-radius: 3px;
  box-shadow: #0e4c75 -2px -2px 2px 1px;
  border:none;
  height: 26px;
  line-height: 26px;
}
.header-top .btn-default {
  position: absolute;
  right: 0;
  top:0;
  background: url(../images/search-top.png) no-repeat;
  border: none;
  width: 28px;
  height: 24px;
}*/
.mobile {
    display: none;
}

.search_blue {
    width: 207px;
    height: 25px;
    background: url(../images/search_blue.png) no-repeat 0 0;
    float: right;
    margin: 8px 30px 0 0;
}

.header_top .search_blue {
    margin-left: 14px;
    margin-top: 7px;
    float: left;
}

.search_blue input[type="text"] {
    width: 159px;
    color: inherit;
    float: left;
    line-height: 26px;
}

.search_blue button {
    height: 100%;
    width: 26px;
    float: right;
}

.textbox_mask button {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background: url(../images/hand_glass.png) no-repeat center center;
    cursor: pointer;
}

.textbox_mask input[type="text"] {
    margin: 0;
    background: transparent;
    height: 100%;
    padding: 0 10px;
    border: none;
    outline: none;
    font-family: Arial,sans-serif;
    font-size: 10px;
}

.search_blue input[type="text"] {
    width: 159px;
    color: #fff;
    float: left;
    line-height: 26px;
}

.header-top .search_blue input::-webkit-input-placeholder {
    color: #fff;
}

.header-top .search_blue input:-moz-placeholder {
    color: #fff;
}

.header-top .search_blue input::-moz-placeholder {
    color: #fff;
}

.header-top .search_blue input:-ms-input-placeholder {
    color: #fff;
}

.header .logo {
    /*background: url(../images/logo.png) no-repeat;
    width: 182px;
    height: 72px;*/
    float: left;
    margin: 14px 60px 11px 22px;
}

.header .navbar-default {
    float: left;
    background: none;
    border: none;
}

    .header .navbar-default .form {
        display: none;
    }

    .header .navbar-default .mobile {
        display: none;
    }

.header .navbar-default {
    margin: 35px 0 0;
}

    .header .navbar-default .navbar-nav > li {
        /*padding: 0 23px;*/
        /*border-left: 1px dotted #aec4da;*/
        /*background: url(../images/bottom_separator.png) no-repeat left center;*/
        padding: 0;
    }

    .header .navbar-default .navbar-nav li:first-child {
        background: none;
    }

    .header .navbar-default .navbar-nav > li.aprilaire-app {
        padding: 0 23px 0 0;
        /*border:none;*/
        background: none;
        margin: -10px 0 0;
        color: #fff;
        font-family: 'brandon_grotesquelight';
        font-size: 22px;
        line-height: 26px;
    }

        .header .navbar-default .navbar-nav > li.aprilaire-app a {
            padding: 0;
        }

    .header .navbar-default .navbar-nav > li > a {
        color: #fff;
        padding: 10px 23px;
        font-family: 'brandon_grotesquelight';
        font-size: 22px;
        line-height: 26px;
    }

    /*.header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > li > a:active, .header .navbar-default .navbar-nav > li > a:focus {
  color: #32598e;
  background: #ffffff;
}*/
    .header .navbar-default .navbar-nav > .open > a:hover, .header .navbar-default .navbar-nav > .open > a:active, .header .navbar-default .navbar-nav > .open > a:focus {
        /*background: transparent;
  background-color: transparent;*/
        border: none;
        color: #32598e;
        background: #fff;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

.navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li.open > a:focus {
    border: none;
    background: #fff;
    color: #32598e;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    /*border:none;*/
    background: transparent;
    color: /*   border-top-right-radius: 4px;
   border-top-left-radius: 4px;*/
    #32598e;
}

.navbar-nav > li > .dropdown-menu {
    background: #fff;
    padding: 20px 0;
    padding-bottom: 20px !important;
    border-radius: 5px;
    -moz-box-shadow: 0 4px 7px -2px #000;
    -webkit-box-shadow: 0 4px 7px -2px #000;
    box-shadow: 0 4px 7px -2px #000;
    border-top-left-radius: 0;
    border: none;
}

    .navbar-nav > li > .dropdown-menu li {
        line-height: 20px;
        padding-bottom: 7px;
    }

        .navbar-nav > li > .dropdown-menu li a {
            color: #6e87ac;
            text-decoration: none;
        }

            .navbar-nav > li > .dropdown-menu li a:hover {
                color: #E5C385;
                background-color: transparent;
            }

.footer-top {
    width: 100%;
    overflow: hidden;
}

    .footer-top img {
        margin: 12px 0 10px 0;
    }

.footer_bottom {
    height: 39px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: #7aa3cc;
    position: relative;
    color: #fff;
    background: #939598;
}

    .footer_bottom .links a:hover {
        color: #025891;
    }

    .footer_bottom .links a.selected {
        color: #E5C385;
    }

    .footer_bottom .base_block {
        background: #7aa3cc;
        height: 100%;
        background-color: transparent;
    }

    .footer_bottom:before {
        /*content: "";*/
        top: 0;
        left: 0;
        position: absolute;
        height: 100%;
        width: 50%;
        background: url(../images/footer_bk_leftside.jpg) repeat-x 0 0;
        display: none;
    }

    .footer_bottom .left_bk {
        height: 45px;
        width: 224px;
        top: 0;
        left: 0;
        position: absolute;
        background: url(../images/footer_left_bk.jpg) no-repeat 0 0;
        display: none;
    }

    .footer_bottom .links {
        font-size: 13px;
        float: left;
        margin-left: 30px;
        margin-top: 10px;
    }

    .footer_bottom .copyrights {
        font-size: 13px;
        float: right;
        margin-top: 10px;
        margin-right: 30px;
    }


    .footer_bottom .links > * {
        margin-left: 18px;
        float: left;
        color: inherit;
        text-decoration: none;
        line-height: 20px;
    }

    .footer_bottom .links span {
        font-size: 11px;
        /*margin-left: 25px; #1046 */
        margin-left: 45px;
    }

.base_block {
    width: 1024px;
    margin: 0 auto;
    position: relative;
}

.main {
    width: 1024px;
    margin: 0 auto;
    overflow: hidden;
    min-height: 50vh;
}

    .main .content-left {
        float: left;
        width: 560px;
        margin: 35px 0 25px;
    }

    .main .content-right {
        float: right;
        width: 460px;
        margin: 35px 0 25px;
    }

    .main .content-left .app-support {
        margin: 0 0 0 66px;
        width: 495px;
        display: block;
    }

        .main .content-left .app-support img {
            width: 100%;
        }

    .main .content-left .app-graphic {
        margin: 33px 51px 20px 68px;
        width: 442px;
        display: block;
    }

        .main .content-left .app-graphic img {
            width: 100%;
        }

        .main .content-left .app-graphic.mobile {
            display: none;
        }


    .main .content-left ul {
        margin: 0 0 0 172px;
        list-style: none;
    }

        .main .content-left ul li {
            float: left;
            margin: 0 19px 0 0;
        }

            .main .content-left ul li:last-child {
                margin: 0;
            }

    .main .content-right .marketing {
        margin: 0;
        width: 387px;
        display: block;
    }

        .main .content-right .marketing img {
            width: 100%;
        }

    .main .content-right .box-dotted {
        border-left: 1px dotted #668bba;
        margin: 0 0 33px 57px;
        height: 341px;
    }

    .main .content-right .log-in {
        width: 301px;
        margin: 0 0 20px 27px;
        padding: 14px 39px 14px 23px;
        background-color: #e6ecf3;
        overflow: hidden;
    }

        .main .content-right .log-in h3 {
            font-family: 'MyriadProRegular';
            margin: 0;
            padding: 0 0 15px;
            color: #005991;
            font-size: 14px;
            line-height: 16px;
            display: block;
        }

        .main .content-right .log-in label {
            font-size: 12px;
            font-family: 'MyriadProRegular';
            float: left;
            color: #628bb5;
            padding: 0 0 0 18px;
            margin: 0 0 14px;
            line-height: 27px;
        }

        .main .content-right .log-in input {
            float: right;
            height: 27px;
            margin: 0 0 14px;
            width: 140px;
            color: #628bb5;
            font-size: 12px;
            font-family: 'MyriadProRegular';
            line-height: 27px;
            padding: 0 10px;
            border: 1px solid #dddcdc;
            box-shadow: inside #dddcdc 2px 2px 2px;
        }

        .main .content-right .log-in .submit-btn {
            background: url(../images/login-btn2.png) no-repeat;
            float: right;
            width: 99px;
            height: 26px;
            border: none;
            box-shadow: none;
            font-size: 0;
            text-indent: 9999px;
            cursor: pointer;
            margin: 0 0 10px;
        }

        .main .content-right .log-in .forgot {
            font-size: 10px;
            color: #b15131;
            padding: 0 10px 0 0;
            font-family: 'MyriadProRegular';
            font-style: italic;
            text-align: right;
            text-decoration: underline;
            display: block;
            clear: both;
        }

        .main .content-right .log-in .here {
            text-align: left;
            color: #32598e;
            font-family: 'MyriadProRegular';
            font-size: 10px;
            margin: 10px 0 0;
            line-height: 12px;
        }

            .main .content-right .log-in .here a {
                color: #32598e;
                text-decoration: underline;
            }


/**** FAQs page *******/
.breadcrumb {
    background: none;
    margin: 35px 0 20px;
    padding: 0 20px;
}

    .breadcrumb > li + li:before {
        content: "\003e";
        color: #909192;
    }

    .breadcrumb > li a {
        color: #909192;
    }

.main .wrapper {
    width: 770px;
    overflow: hidden;
    margin: 0 0 25px 50px;
}

h2 {
    text-align: left;
    font-size: 32px;
    font-family: 'MyriadProRegular';
    margin: 0 0 40px;
    color: #6288af;
    line-height: 34px;
}

.main .wrapper .panel-default > .panel-heading {
    background: #7aa3cc;
    color: #fff;
    border: none;
    border-radius: 0;
    border-color: none;
    padding: 5px 16px;
}

.main .wrapper .panel-group .panel {
    border-radius: 0;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
}

.panel-title {
    display: inline-block;
    vertical-align: middle;
    width: 92%;
    margin-right: 10px;
    margin-top: -15px;
    color: #fff;
    font-size: 25px;
}

.how-to .panel-title {
    margin-top: 0;
}

.box-questions .panel-title {
    margin-top: 0;
}

.sidebar .panel-title {
    margin-top: 0;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body a:hover, .topicActive {
    background: url(../images/hover-li.png) no-repeat left center;
}

.main .wrapper .panel-default > .panel-heading a.accordeon-title {
    color: rgb(255, 255, 255);
}

.main .wrapper .panel-default > .panel-heading a:not(.accordeon-title).collapsed {
    background: url(../images/tab-plus22.png) no-repeat right center;
    /*width:100%;*/
    height: 29px;
    display: block;
    font-size: 16px;
    line-height: 29px;
    font-family: 'futuramedium';
    text-decoration: none;
    width: 28px;
    display: inline-block;
    margin: 0 6px;
}

.main .wrapper .panel-default > .panel-heading a:not(.accordeon-title) {
    background: url(../images/tab-minus.png) no-repeat right center;
    /*width:100%;*/
    height: 29px;
    display: block;
    font-size: 16px;
    line-height: 29px;
    font-family: 'futuramedium';
    text-decoration: none;
    width: 28px;
    display: inline-block;
    margin: 0 6px;
}

.main .wrapper .panel-default > .panel-heading a:hover {
    text-decoration: none;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
    padding: 20px 25px;
    border-color: #fff;
}

    .panel-default > .panel-heading + .panel-collapse > .panel-body a {
        font-size: 15px;
        color: #010000;
        font-family: 'MyriadProRegular';
        line-height: 19px;
        /*padding:10px 0 10px 5px;*/
        text-decoration: none;
        display: block;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body.noDisplayBlock a {
        display: inline;
        color: #0000FF;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body a:hover {
        text-decoration: underline;
        background: none;
        color: #0000FF;
    }

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border: none;
}

/**** FAQs Questions page *******/
.main-questions {
    width: 750px;
    float: left;
    margin: 0 0 0 45px;
}

    .main-questions .breadcrumb {
        margin: 35px 0 20px -45px;
    }

.main .main-questions {
}

    .main .main-questions .questions {
        float: left;
        width: 160px;
        padding: 0 20px 0 0;
    }

    .main .main-questions .questionsFAQ {
        float: left;
        width: 610px;
        padding: 0 20px 10px 0;
        color: #6288af;
        font-size: 16px !important;
        font-family: 'MyriadProRegular';
        text-align: left;
        display: inline-block;
    }

    .main .main-questions .panel-group {
        float: left;
        width: 550px;
    }

    .main .main-questions .box-questions {
        margin: 0 0 40px;
        overflow: hidden;
    }

        .main .main-questions .box-questions p {
            font-size: 13px;
            line-height: 18px;
        }

    .main .main-questions .panel-default > .panel-heading a {
        background: url(../images/tab-minus-blue.jpg) no-repeat right center;
        width: 100%;
        /*height:29px;*/
        display: block;
        font-size: 13px;
        line-height: 29px;
        font-family: 'MyriadProRegular';
        text-decoration: none;
        color: #010407;
        font-weight: 400;
        padding-right: 30px;
    }

        /*.main .main-questions .panel-default > .panel-heading a#close {
  background: url(../images/tab-plus-blue.jpg) no-repeat right center;
}
.main .main-questions .panel-default > .panel-heading a#close.activeee {
  background: url(../images/tab-minus-blue.jpg) no-repeat right center;
}
.main .main-questions .panel-default > .panel-heading a#close2 {
  background: url(../images/tab-plus-blue.jpg) no-repeat right center;
}
.main .main-questions .panel-default > .panel-heading a#close2.activeee {
  background: url(../images/tab-minus-blue.jpg) no-repeat right center;
}*/
        /*.main .main-questions .panel-default > .panel-heading a#close.collapsed {
  background: url(../images/tab-minus-blue.jpg) no-repeat right center;
}*/
        .main .main-questions .panel-default > .panel-heading a.collapsed {
            background: url(../images/tab-plus-blue.jpg) no-repeat right center;
            width: 100%;
            /*height:29px;*/
            display: block;
            font-size: 13px;
            line-height: 29px;
            font-family: 'MyriadProRegular';
            text-decoration: none;
            color: #010407;
            font-weight: 400;
        }

    .main .main-questions .panel-default > .panel-heading {
        border: 1px solid #cecece;
        border-radius: 4px;
        background: rgba(251,252,252,1);
        background: -moz-linear-gradient(top,rgba(251,252,252,1) 0%,rgba(251,252,252,1) 46%,rgba(251,252,252,1) 52%,rgba(238,241,243,1) 71%,rgba(238,241,243,1) 100%);
        background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(251,252,252,1)),color-stop(46%,rgba(251,252,252,1)),color-stop(52%,rgba(251,252,252,1)),color-stop(71%,rgba(238,241,243,1)),color-stop(100%,rgba(238,241,243,1)));
        background: -webkit-linear-gradient(top,rgba(251,252,252,1) 0%,rgba(251,252,252,1) 46%,rgba(251,252,252,1) 52%,rgba(238,241,243,1) 71%,rgba(238,241,243,1) 100%);
        background: -o-linear-gradient(top,rgba(251,252,252,1) 0%,rgba(251,252,252,1) 46%,rgba(251,252,252,1) 52%,rgba(238,241,243,1) 71%,rgba(238,241,243,1) 100%);
        background: -ms-linear-gradient(top,rgba(251,252,252,1) 0%,rgba(251,252,252,1) 46%,rgba(251,252,252,1) 52%,rgba(238,241,243,1) 71%,rgba(238,241,243,1) 100%);
        background: linear-gradient(to bottom,rgba(251,252,252,1) 0%,rgba(251,252,252,1) 46%,rgba(251,252,252,1) 52%,rgba(238,241,243,1) 71%,rgba(238,241,243,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfcfc',endColorstr='#eef1f3',GradientType=0);
    }

    .main .main-questions .panel {
        border: none;
        box-shadow: none;
        margin: 0;
    }

        .main .main-questions .panel .panel-body p {
            font-size: 13px;
            font-family: 'MyriadProRegular';
            color: #010407;
            line-height: 18px;
            padding: 0 0 25px;
        }

        .main .main-questions .panel .panel-body {
            padding: 25px 15px 0;
        }

.main .sidebar {
    float: left;
    width: 228px;
}

    .main .sidebar ul {
        position: fixed;
        /*top:240px;*/
        top: 170px;
        list-style: none;
        margin: 0 0 0 2px;
        padding-left: 0;
    }

        .main .sidebar ul li {
            width: 200px;
            margin: 0 0 2px;
        }

            .main .sidebar ul li a {
                width: 100%;
                color: #fff;
                line-height: 41px;
                background: #7aa3cc;
                display: block;
                padding: 0 17px;
                font-size: 18px;
                font-family: 'futuramedium';
                text-decoration: none;
            }

.main.main-bg {
    background: url(../images/main-internal.jpg) repeat-y center;
}

/**** How To page *******/
.main .how-to {
    width: 670px;
    float: left;
    margin: 0 81px 0 45px;
}

    .main .how-to .breadcrumb {
        margin: 35px 0 20px -45px;
    }

.main p {
    font-size: 16px;
    font-family: 'MyriadProRegular';
    line-height: 20px;
    color: #010407;
    padding: 0 0 15px;
    text-align: left;
}

.main h3 {
    color: #6288af;
    font-size: 23px;
    font-family: 'MyriadProRegular';
    line-height: 28px;
    padding: 0 0 10px;
    text-align: left;
    display: inline-block;
}

.main img.alignleft {
    float: left;
    margin: 0 60px 0 0;
}

.main .how-to .panel-group {
    float: left;
    width: 670px;
}

.main .how-to .panel {
    border: none;
    box-shadow: none;
    margin: 0;
}

.main .how-to .panel-default > .panel-heading {
    border: 1px solid #cecece;
    border-radius: 4px;
    background: rgba(251,252,252,1);
    background: -moz-linear-gradient(top,rgba(251,252,252,1) 0%,rgba(251,252,252,1) 46%,rgba(251,252,252,1) 52%,rgba(238,241,243,1) 71%,rgba(238,241,243,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(251,252,252,1)),color-stop(46%,rgba(251,252,252,1)),color-stop(52%,rgba(251,252,252,1)),color-stop(71%,rgba(238,241,243,1)),color-stop(100%,rgba(238,241,243,1)));
    background: -webkit-linear-gradient(top,rgba(251,252,252,1) 0%,rgba(251,252,252,1) 46%,rgba(251,252,252,1) 52%,rgba(238,241,243,1) 71%,rgba(238,241,243,1) 100%);
    background: -o-linear-gradient(top,rgba(251,252,252,1) 0%,rgba(251,252,252,1) 46%,rgba(251,252,252,1) 52%,rgba(238,241,243,1) 71%,rgba(238,241,243,1) 100%);
    background: -ms-linear-gradient(top,rgba(251,252,252,1) 0%,rgba(251,252,252,1) 46%,rgba(251,252,252,1) 52%,rgba(238,241,243,1) 71%,rgba(238,241,243,1) 100%);
    background: linear-gradient(to bottom,rgba(251,252,252,1) 0%,rgba(251,252,252,1) 46%,rgba(251,252,252,1) 52%,rgba(238,241,243,1) 71%,rgba(238,241,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfcfc',endColorstr='#eef1f3',GradientType=0);
}

    .main .how-to .panel-default > .panel-heading a {
        background: url(../images/tab-minus-blue.jpg) no-repeat right center;
        width: 100%;
        height: 29px;
        display: block;
        font-size: 13px;
        line-height: 29px;
        font-family: 'MyriadProRegular';
        text-decoration: none;
        color: #010407;
        font-weight: 400;
    }

        .main .how-to .panel-default > .panel-heading a.collapsed {
            background: url(../images/tab-plus-blue.jpg) no-repeat right center;
            width: 100%;
            height: 29px;
            display: block;
            font-size: 13px;
            line-height: 29px;
            font-family: 'MyriadProRegular';
            text-decoration: none;
            color: #010407;
            font-weight: 400;
        }

.main .how-to .panel .panel-body {
    padding: 25px 15px 30px;
    overflow: hidden;
}

    .main .how-to .panel .panel-body p {
        font-size: 16px;
        font-family: 'MyriadProRegular';
        color: #010407;
        line-height: 20px;
        padding: 0 0 5px;
    }

    .main .how-to .panel .panel-body .tab-img {
        float: left;
        border: 4px solid #fff;
        box-shadow: #e3ecf5 0 2px 8px 5px;
        margin: 0 30px 15px 0;
    }

.main .topics .tab-img {
    float: right;
    border: 4px solid #fff;
    box-shadow: #e3ecf5 0 2px 8px 5px;
    margin: 0 30px 15px 0;
}

.main .sidebar .panel-group {
    float: left;
    width: 200px;
    position: fixed;
    /*top:240px*/
    top: 170px;
}

.main .sidebar .panel {
    border: none;
    box-shadow: none;
    margin: 0 0 2px;
    background: transparent;
}

.main .sidebar .panel-default > .panel-heading {
    width: 100%;
    color: #fff;
    line-height: 41px;
    background: #7aa3cc;
    display: block;
    padding: 0 17px;
    font-size: 18px;
    font-family: 'futuramedium';
    text-decoration: none;
    border-radius: 0;
}

    .main .sidebar .panel-default > .panel-heading a {
        width: 100%;
        color: #fff;
        line-height: 30px;
        background: #7aa3cc;
        display: block;
        padding: 8px 0;
        font-size: 18px;
        font-family: 'futuramedium';
        text-decoration: none;
    }
/*.main .sidebar .panel-default .panel-heading.dark-blue, .main .sidebar .panel-default .panel-heading.dark-blue a*/
.main .sidebar .panel-default.activeTopic > .panel-heading,
.main .sidebar .panel-default.activeTopic > .panel-heading a,
.main .sidebar ul li.activeTopic,
.main .sidebar ul li.activeTopic a {
    background: #025891;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body a.activeSubtopic {
    background: url(../images/hover-li.png) no-repeat left center;
}

.main .sidebar .panel-default > .panel-heading + .panel-collapse > .panel-body {
    background: transparent;
    padding: 15px 20px 3px 0;
}

.main .sidebar .panel-body ul {
    position: static;
}

    .main .sidebar .panel-body ul li {
        background: none;
        margin: 0 0 2px;
    }

.panel-default > .panel-heading + .panel-collapse > .panel-body ul li a {
    background: none;
    font-size: 15px;
    line-height: 18px;
    color: #010000;
    font-family: 'MyriadProRegular';
    padding: 7px 0 7px 20px;
}

.main .sidebar .panel-body ul li a:hover {
    background: url(../images/hover-li.png) no-repeat -20px center;
}

@media (max-width: 767px) {

    .sfImageWrapper img {
        max-width: 435px;
    }
}



/******** main responsive mobile ************/
@media (max-width: 767px) and (min-width: 481px) {
    .navbar-default .navbar-toggle {
        display: none;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        visibility: visible;
        display: block;
    }

    .navbar-default .navbar-toggle {
        display: none;
    }

    .header .navbar-default .navbar-nav > li {
        float: left;
    }

    .navbar-collapse {
        border: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
    }

    .navbar-nav {
        margin: 0 0 0 15px;
    }
}

@media (max-width: 480px) {
    body {
        overflow-x: auto !important;
    }

    .content {
        width: 480px;
        padding: 0 10px;
    }

    .header-top {
        display: none;
    }

    .header {
        height: 88px;
        position: relative;
    }

        .header .logo {
            margin: 12px 0 0 16px;
            position: relative;
            z-index: 500;
        }

    .main {
        width: 480px;
        padding: 0;
        margin: 0;
    }

    .base_block {
        width: 480px;
        padding: 0 10px;
    }

    .header .navbar-default .mobile {
        display: block;
    }

    .header .navbar-default {
        width: 450px;
        margin: -76px 0 0 5px;
    }

    .navbar-default .navbar-toggle.collapsed {
        display: block;
        width: 127px;
        height: 88px;
        border: none;
        border-radius: 0;
        margin: 0;
        padding: 0;
        background: #003662;
    }

    .navbar-default .navbar-toggle {
        display: block;
        width: 127px;
        height: 88px;
        border: none;
        border-radius: 0;
        margin: 0;
        padding: 0;
        background: #0069a1;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:not(.collapsed):active,
        .navbar-default .navbar-toggle:not(.collapsed):focus {
            background: #0069a1;
        }

    .sr-only {
        display: none;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background: #ffffff;
        margin: 9px auto 8px;
        width: 45px;
        height: 4px;
    }

    .header .navbar-default .form {
        display: block;
        border: none;
        box-shadow: none;
        width: 364px;
        margin: 0 auto;
        padding: 28px 0 18px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        border-bottom: none;
        border-top: none;
        border-color: transparent;
    }

    .form-control,
    .form-control:focus {
        height: 44px;
        line-height: 44px;
        font-size: 17px;
        color: #a9abad;
        font-family: arial;
        border: none;
        box-shadow: none;
        /*box-shadow: inset #a3a6a8 2px 2px 4px;
        -webkit-box-shadow: inset #a3a6a8 2px 2px 4px;
        -moz-box-shadow: inset #a3a6a8 2px 2px 4px;
        -ms-box-shadow: inset #a3a6a8 2px 2px 4px;*/
        background: transparent;
    }

    .navbar-default .navbar-collapse.in, .navbar-default .navbar-collapse {
        border: none;
        background: #0069a1;
    }

    .header .navbar-default .navbar-nav > li.aprilaire-app {
        padding: 0 0 18px 65px;
        text-align: left;
    }

        .header .navbar-default .navbar-nav > li.aprilaire-app a {
            text-align: left;
            color: #fff;
            font-size: 20px;
            line-height: 24px;
        }

        .header .navbar-default .navbar-nav > li.aprilaire-app br {
            display: none;
        }

    .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-form .form-group {
        position: relative;
    }

    .search-blue-mobile {
        background: url(../images/search_blue.png) no-repeat 0 0;
        background-size: cover;
    }

    .navbar-form .form-group button {
        background: url(../images/hand_glass-mobile.png) no-repeat;
        position: absolute;
        right: 0;
        top: 2px;
        width: 49px;
        height: 42px;
        border: none;
    }

    .navbar-nav {
        background: #e6ecf3;
        margin: 0 auto 5px;
        width: 450px;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        border-color: transparent;
        /*background:#146da8;*/
    }

    .navbar-collapse {
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        border-color: transparent;
        border-top: none;
    }

    .header .navbar-default .navbar-nav > li.aprilaire-app {
        background: #146da8;
        margin: -1px -1px 0 -1px;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        border-color: transparent;
    }

        .header .navbar-default .navbar-nav > li.aprilaire-app a {
            font-family: 'brandon_grotesquelight';
        }

    .header .navbar-default .navbar-nav > li {
        text-align: center;
        border-bottom: 2px solid #949799;
        background: none;
        margin: 0 15px;
    }

        .header .navbar-default .navbar-nav > li:last-child, .header .navbar-default .navbar-nav > li:first-child {
            /*border:none; */
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
        }

        .header .navbar-default .navbar-nav > li a {
            font-family: 'MyriadProRegular';
            font-size: 21px;
            color: #3a3d3f;
            padding: 20px 0;
        }

    .navbar-nav > li > .dropdown-menu {
        background: #e6ecf3;
        margin: 0 auto 5px;
        width: 460px;
    }

        .navbar-nav > li > .dropdown-menu li {
            text-align: center;
            border-bottom: 2px solid #949799;
            background: none;
            margin: 0 15px;
        }

            .navbar-nav > li > .dropdown-menu li:last-child {
                border: none;
            }

            .navbar-nav > li > .dropdown-menu li a {
                font-family: 'MyriadProRegular';
                font-size: 21px;
                color: #3a3d3f !important;
                padding: 20px 0;
                line-height: 26px;
            }

    .navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li.open > a:focus {
        border: none;
        background: transparent;
        color: #32598e;
        border-top-right-radius: none;
        border-top-left-radius: none;
    }

    .header .navbar-default .navbar-nav > .open > a:hover, .header .navbar-default .navbar-nav > .open > a:active, .header .navbar-default .navbar-nav > .open > a:focus {
        border: none;
        background: transparent;
        color: #32598e;
        border-top-right-radius: none;
        border-top-left-radius: none;
    }

    .main .content-right {
        width: 480px;
        float: none;
        margin: 0;
    }

        .main .content-right .box-dotted {
            height: auto;
            border: none;
            margin: 0;
        }

        .main .content-right .log-in {
            width: 480px;
            margin: 0;
            padding: 30px 57px 30px 60px;
        }

            .main .content-right .log-in h3 {
                font-size: 25px;
            }

            .main .content-right .log-in label {
                font-size: 17px;
                padding: 0;
                margin: 6px 0 18px;
            }

            .main .content-right .log-in input {
                width: 265px;
                height: 37px;
                line-height: 37px;
                font-size: 14px;
            }

            .main .content-right .log-in .submit-btn {
                /*float:none;*/
                margin: 0 auto 20px;
                display: block;
                background-size: 100%;
                width: 150px;
                height: 40px;
            }

            .main .content-right .log-in .forgot {
                font-size: 13px;
                float: right;
            }

            .main .content-right .log-in .here {
                float: left;
                margin: 0;
                text-align: center;
                font-size: 13px;
                line-height: 16px;
            }

    .mobile {
        display: block;
    }

    .main .content-right .marketing {
        display: none;
    }

    .main .content-left .app-support {
        display: none;
    }

    .main .content-left {
        width: 480px;
        float: none;
        margin: 0;
    }

        .main .content-left .app-graphic.mobile {
            width: 480px;
            margin: 0;
            display: block;
        }

        .main .content-left .app-graphic {
            display: none;
        }

        .main .content-left ul {
            overflow: hidden;
            padding: 19px 0 19px 60px;
            border-bottom: 1px solid #949393;
            margin: 0;
        }

            .main .content-left ul li {
                width: 160px;
                margin: 0 38px 0 0;
            }

                .main .content-left ul li img {
                    width: 100%;
                }

    .footer-top {
        display: none;
    }

    .footer_bottom .left_bk {
        display: none;
    }

    .footer_bottom .links > a {
        font-size: 10px;
    }

    .footer_bottom .links span {
        font-size: 10px;
        margin: 0 0 0 20px;
    }

    /**** FAQs page *******/
    .breadcrumb {
        display: none;
    }

    .main .wrapper {
        width: 430px;
        margin: 30px auto 40px;
    }

    .panel-group {
        background: #e6ecf3;
        padding: 15px 0;
    }

    .collapse.in {
        background: #e6ecf3;
    }

    /**** FAQs Questions page *******/
    .main-questions {
        width: 430px;
        margin: 30px auto 0;
        float: none;
    }

    .main .main-questions .questions {
        width: 100%;
        float: none;
        font-size: 13px;
    }

    .main .main-questions .panel-group {
        width: 430px;
        background: #fff;
        margin-bottom: 0;
    }

        .main .main-questions .panel-group .collapse.in {
            background: #fff;
        }

    .main .main-questions .box-questions {
        margin: 0;
    }

    .main .sidebar {
        width: 430px;
        margin: 20px auto 45px;
        float: none;
        background: #e6ecf3;
        padding: 10px 0 60px;
    }

        .main .sidebar ul {
            position: inherit;
        }

            .main .sidebar ul li {
                width: 100%;
            }

    /**** How To page *******/
    .main .how-to {
        width: 430px;
        margin: 30px auto 0;
        float: none;
    }

    .main p {
        font-size: 13px;
        line-height: 18px;
    }

    .main img.alignleft {
        float: none;
    }

    .main .how-to .panel-group {
        width: 430px;
        float: none;
        margin: 0 auto;
        background: transparent;
    }

    .main .how-to .collapse.in {
        background: transparent;
    }

    .main .how-to .panel .panel-body .tab-img {
        float: none;
        margin: 0 30px 30px 0;
    }

    .main .topics .tab-img {
        display: none;
    }

    .main .sidebar {
        overflow: hidden;
        margin: 0 auto 45px;
    }

        .main .sidebar .panel-group {
            position: static;
            width: 430px;
        }

        .main .sidebar .panel-default > .panel-heading a {
            background: url(../images/tab-minus.png) no-repeat right center;
            width: 100%;
            height: 41px;
            display: block;
            font-size: 18px;
            line-height: 41px;
            font-family: 'futuramedium';
            text-decoration: none;
        }

            .main .sidebar .panel-default > .panel-heading a.collapsed {
                background: url(../images/tab-plus22.png) no-repeat right center;
                width: 100%;
                height: 41px;
                display: block;
                font-size: 18px;
                line-height: 41px;
                font-family: 'futuramedium';
                text-decoration: none;
            }

    .panel-default > .panel-heading + .panel-collapse > .panel-body ul a {
        padding: 7px 0 7px 20px;
    }

    .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
        background: #e6ecf3;
    }

    .how-to .panel-group .panel-heading + .panel-collapse > .panel-body, .how-to .panel-group .panel-heading + .panel-collapse > .list-group {
        background: transparent;
    }

    .panel-title {
        width: 86%;
    }
}



/** custom **/
#subtitle2 {
    margin-left: -20px;
}

.main .content-right .log-in .here .demo {
    float: right;
}

.footer-top > div > * {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

.footer-top > div {
    float: right;
    margin-right: 35px;
}

.footer-top span {
    color: #58595b;
}

.footer {
    position: relative;
    width: 100%;
    height: 74px;
    background: #ffffff;
    z-index: 3;
    font-size: 11px;
}

.footer-top {
    width: 100%;
    position: relative;
    color: #025891;
}

/*.sfImageWrapper img {
    max-width: 500px;
}*/