@font-face {
    font-family: 'AvenirNext';
    src: url('../fonts/avenirnext-regular.ttf');
    src: url("../fonts/avenirnext-regular.eot");
    src: url("../fonts/avenirnext-regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/avenirnext-regular.woff") format("woff"),
    url("../fonts/avenirnext-regular.svg#AvenirNext") format("svg");
    font-weight: normal
}

@font-face {
    font-family: 'AvenirNext';
    src: url('../fonts/avenirnext-italic.ttf');
    src: url("../fonts/avenirnext-italic.eot");
    src: url("../fonts/avenirnext-italic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/avenirnext-italic.woff") format("woff"),
    url("../fonts/avenirnext-italic.svg#AvenirNext") format("svg");
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: 'AvenirNext';
    src: url('../fonts/avenirnext-medium.ttf');
    font-weight: 500
}

@font-face {
    font-family: 'AvenirNext';
    src: url('../fonts/avenirnext-mediumitalic.ttf');
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'AvenirNext';
    src: url('../fonts/avenirnext-demibold.ttf');
    src: url("../fonts/avenirnext-demibold.eot");
    src: url("../fonts/avenirnext-demibold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/avenirnext-demibold.woff") format("woff"),
    url("../fonts/avenirnext-demibold.svg#AvenirNext") format("svg");
    font-weight: 600
}

@font-face {
    font-family: 'AvenirNext';
    src: url('../fonts/avenirnext-demibolditalic.ttf');
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'AvenirNext';
    src: url('../fonts/avenirnext-bold.ttf');
    src: url("../fonts/avenirnext-bold.eot");
    src: url("../fonts/avenirnext-bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/avenirnext-bold.woff") format("woff"),
    url("../fonts/avenirnext-bold.svg#AvenirNext") format("svg");
    font-weight: bold
}

.color-orange {
    color: #fa6323!important
}

.font-34 {
    font-weight: 600;
    font-size: 34px;
    line-height: 40px
}

@media(max-width:913px) {
    .font-34 {
        font-size: 28px
    }
}

.font-28 {
    font-weight: 600;
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 10px
}

@media(max-width:913px) {
    .font-28 {
        font-size: 24px;
        line-height: 29px
    }
}

.font-24 {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px
}

.font-21 {
    font-weight: 600;
    font-size: 21px;
    line-height: 29px;
    margin-bottom: 8px
}

.font-18 {
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px
}

.font-15 {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px
}

.font-13 {
    font-size: 13px;
    line-height: 18px;
    font-weight: bold
}

html,
body {
    height: 100%;
    background-color: #FFF;
    font-family: "AvenirNext", sans-serif;
    font-weight: 600;
    color: #1f2023;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 0 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.no-bottom-margin {
    margin-bottom: 0!important
}

@media(min-width:913px) {
    body {
        padding-top: 121px
    }
    header {
        position: fixed;
        z-index: 1001;
        top: 0;
        width: 100%;
        background: #fff;
        box-shadow: 0 -5px 7px 7px rgba(0, 0, 0, 0.3)
    }
}

@media(max-width:913px) {
    .hide-on-mobile {
        display: none!important
    }
}

@media(max-width:991px) {
    .hide-on-tablet {
        display: none!important
    }
}

.no-margin {
    margin: 0!important
}

@media(max-width:991px) {
    .float-center {
        float: none!important;
        margin-left: auto;
        margin-right: auto
    }
}

.float-center-always {
    float: none!important;
    margin-left: auto;
    margin-right: auto
}

.bootstrap-select {
    width: 100%!important;
    margin-bottom: 40px;
    border: 2px solid #545b61;
    border-radius: 5px
}

.bootstrap-select .dropdown-toggle {
    height: 50px;
    border: none!important;
    border-radius: 5px
}

.bootstrap-select .dropdown-toggle .filter-option {
    font-size: 15px;
    color: #4e565a
}

.bootstrap-select .dropdown-toggle .caret {
    background: url('../images/icon-select-down.png') center center no-repeat;
    background-size: auto;
    background-color: transparent;
    top: 15px!important;
    right: 10px!important;
    width: 20px;
    height: 20px;
    border: none!important
}

@media(-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3/2),
(min-resolution:1.5dppx) {
    .bootstrap-select .dropdown-toggle .caret {
        background: url(../images/icon-select-down@2x.png) center center no-repeat;
        background-color: transparent;
        background-size: auto
    }
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:2 * 96dpi) {
    .bootstrap-select .dropdown-toggle .caret {
        background: url(../images/icon-select-down@2x.png) center center no-repeat;
        background-color: transparent;
        background-size: 10px
    }
}

@media(-webkit-min-device-pixel-ratio:3),
(min-resolution:3 * 96dpi) {
    .bootstrap-select .dropdown-toggle .caret {
        background: url(../images/icon-select-down@3x.png) center center no-repeat;
        background-color: transparent;
        background-size: auto
    }
}

.btn {
    font-family: "AvenirNext", sans-serif;
    font-weight: 600;
    color: #FFF;
    border-radius: 8px;
    font-size: 15px
}

.btn.btn-xl {
    padding: 20px 35px
}

.btn.btn-lg {
    padding: 15px 30px
}

.btn.btn-md {
    padding: 10px 25px
}

.btn.btn-sm {
    padding: 8px 20px
}

.btn.btn-blue {
    background-color: #3aa6ef
}

.btn.btn-blue:hover {
    color: white
}

.btn.btn-green {
    background-color: #31b72a
}

.btn.btn-green:hover {
    color: white
}

.btn.btn-orange {
    background-color: #fa6323
}

.btn.btn-orange:hover {
    color: white
}

.btn.btn-white {
    background-color: #FFF;
    color: #1f2023
}

.btn img {
    margin-right: 8px
}

.learn-more {
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
    color: #fa6323
}

.learn-more:hover {
    color: #fa6323;
    text-decoration: underline
}

.learn-more i {
    font-size: 12px
}

.quote-block {
    max-width: 240px;
    margin: 0 auto 20px
}

.quote-block img {
    width: 140px;
    border-radius: 50%;
    margin: 0 auto 30px;
    display: block
}

.quote-block .message {
    display: block;
    font-weight: 600;
    font-style: italic;
    line-height: 1.2;
    margin-bottom: 25px
}

@media(max-width:913px) {
    .quote-block {
        margin-bottom: 40px
    }
}

.video-block img {
    width: 100%;
    opacity: .4
}

.banner-btns .phone-number {
    display: inline-block;
    text-align: center;
    margin-top: 5px;
    margin-right: 20px
}

.banner-btns .phone-number span:first-child {
    display: block;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px
}

.banner-btns .phone-number span:last-child {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px
}

.banner-btns .btn-icon {
    display: inline-block;
    vertical-align: top;
    padding-top: 9px;
    padding-bottom: 9px
}

.banner-btns .btn:not(.btn-icon) {
    vertical-align: top;
    margin-left: 20px
}

@media(max-width:913px) {
    .banner-btns .phone-number {
        margin: 0 0 20px
    }
    .banner-btns .btn-icon {
        display: block;
        margin: auto;
        width: 100%;
        max-width: 400px
    }
}

.breadcrumb {
    border-top: 1px solid #ededed;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: transparent;
    border-radius: 0;
    text-align: left
}

.breadcrumb a {
    font-size: 15px;
    line-height: 20px;
    color: #4e565a;
    font-weight: 500;
    margin-left: 10px;
    margin-right: 10px
}

.breadcrumb a.parent-item {
    font-weight: 600;
    color: #1f2023;
    margin-left: 0;
    margin-right: 10px
}

.site-info h2 {
    max-width: 850px;
    margin: 0 auto 50px auto
}

.site-info .info-block {
    border-radius: 8px;
    padding: 40px 10px;
    color: #FFF
}

.site-info .info-block h1 {
    font-size: 50px;
    font-weight: bold;
    white-space: nowrap
}

.site-info .info-block h4 {
    font-size: 26px
}

.site-info .info-block.block-blue {
    background-color: #3aa6ef
}

.site-info .info-block.block-orange {
    background-color: #fa6323
}

.home-service-bar .row {
    position: relative
}

.home-service-bar h2 {
    max-width: 920px;
    margin: 0 auto 60px
}

.home-service-bar .service-line1,
.home-service-bar .service-line2 {
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid #ededed
}

.home-service-bar .service-line1 {
    left: 25%
}

.home-service-bar .service-line2 {
    right: 25%
}

.home-service-bar .service-block {
    padding: 0
}

.home-service-bar .service-header {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed
}

.home-service-bar .service-header .img-holder {
    margin-bottom: 10px
}

.home-service-bar .service-header h4 {
    font-weight: 600
}

.home-service-bar .service-content .service-item {
    display: block;
    font-weight: 500;
    color: #4e565a;
    margin-bottom: 12px
}

@media(max-width:913px) {
    .home-service-bar .service-line1,
    .home-service-bar .service-line2 {
        display: none
    }
    .home-service-bar .service-header {
        border-bottom: 0;
        padding-bottom: 0
    }
    .home-service-bar .service-block {
        margin-bottom: 40px
    }
    .home-service-bar .service-block.pull-right {
        float: none!important
    }
}

.blog-content {
    text-align: left
}

.blog .content-bar .blog-content p img {
    height: auto
}

@media(max-width:991px) {
    .blog-content.single-post {
        margin-top: 0
    }
}

.blog-content .tight-width {
    max-width: 750px;
    margin: auto
}

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5 {
    margin-bottom: 10px;
    font-weight: 600;
    color: #1f2023
}

.blog-content h1 {
    font-size: 28px;
    line-height: 40px
}

.blog-content h2 {
    font-size: 24px;
    line-height: 29px
}

.blog-content h3 {
    font-size: 21px;
    line-height: 29px
}

.blog-content h4 {
    font-size: 18px;
    line-height: 25px
}

.blog-content h5 {
    font-size: 15px;
    line-height: 22px
}

.blog-content p {
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 30px;
    color: #28353c
}

.blog-content blockquote {
    font-weight: normal;
    font-style: italic
}

.two-column-bar .blog-content p {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    color: #4E565A;
    padding-right: 20px
}

.blog-content p.small {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    color: #4e565a
}

.blog-content p.post-info {
    font-weight: 500
}

.blog-content p.post-info .category {
    font-weight: 600;
    color: #1f2023
}

.blog-content p.post-info.with-individual span:not(:first-child) {
    margin-left: 20px;
    display: inline-block
}

.blog-content p.post-info-search {
    margin-bottom: 15px
}

.blog-content .blog-image-holder {
    width: 100%;
    margin-bottom: 30px
}

.blog-content .blog-image-holder img {
    width: 100%
}

.blog-content ul,
.blog-content ol {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 30px;
    color: #4e565a;
    padding-left: 25px
}

.blog-content .button-group {
    margin-bottom: 20px
}

.blog-content .button-group button {
    vertical-align: bottom;
    margin-right: 20px
}

.blog-content .col-1-5 {
    float: left;
    width: 20%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:913px) {
    .blog-content .col-1-5 {
        float: none;
        width: 100%
    }
}

nav {
    background-color: #FFF;
    border: none!important;
    border-radius: 0!important
}

.navbar-nav>li>.dropdown-menu {
    border: 0;
    border-radius: 0!important;
    background-color: #f0f2f2;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2)
}

@media(max-width:913px) {
    .navbar-nav>li>.dropdown-menu {
        position: relative;
        float: none
    }
}

.container .navbar-collapse {
    margin-right: 0
}

.navbar-default .navbar-nav>li>a {
    font-size: 16px;
    line-height: 40px;
    text-transform: uppercase;
    color: #1f2023;
    padding: 20px
}

.navbar-default .navbar-nav>li>a.active {
    background-color: #f0f2f2!important
}

.navbar-default .navbar-nav>li>a i {
    display: none
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:active {
    color: #1f2023!important;
    background-color: #f0f2f2!important
}

.navbar-default .navbar-nav>li>a:focus {
    color: #1f2023!important;
    background-color: transparent
}

@media(max-width:1199px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 14px;
        padding: 20px 15px
    }
}

@media(max-width:913px) {
    .navbar-default .navbar-nav>li>a {
        padding: 5px
    }
    .navbar-default .navbar-nav>li>a i {
        display: inline-block;
        margin-left: 10px;
        transform: rotate(-90deg)
    }
}

.navbar-default .navbar-nav>li.collapsed>a>i {
    transform: rotate(0)
}

.navbar-default .navbar-nav>.open>a {
    background-color: #f0f2f2;
    color: #1f2023
}

@media(max-width:991px) {
    .navbar-default .navbar-nav {
        float: right
    }
}

@media screen and (max-width:913px) {
    .navbar-default .navbar-nav {
        float: none
    }
    .navbar-default .navbar-nav>.pull-right {
        float: none!important
    }
}

.navbar-default .navbar-nav.nav-button {
    margin-top: 19px;
    margin-right: -15px
}

@media(max-width:991px) {
    .navbar-default .navbar-nav.nav-button {
        position: absolute;
        top: 100%;
        margin-top: 0;
        right: 45px;
        z-index: 1
    }
    .navbar-default .navbar-nav.nav-button .btn {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
}

@media(max-width:913px) {
    .navbar-default .navbar-nav.nav-button {
        position: relative;
        top: auto;
        float: none!important;
        right: 0
    }
}

.navbar-default .navbar-brand {
    height: 80px;
    padding: 20px 20px 20px 15px
}

@media(max-width:400px) {
    .navbar-default .navbar-brand {
        max-width: 170px
    }
    .navbar-default .navbar-brand img {
        width: 100%;
    }
}

@media(max-width:350px) {
    .navbar-default .navbar-brand {
        max-width: 140px
    }
}

@media(min-width:913px) {
    .navbar-default .dropdown:hover .dropdown-menu {
        display: block
    }
}

@media(max-width:991px) {
    .navbar-default {
        padding-left: 15px
    }
}

@media(max-width:913px) {
    .navbar-default .dropdown.collapsed .dropdown-menu {
        display: block
    }
}

.navbar-inner {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    width: 100%;
    text-align: left
}

.navbar-inner .navbar-brand {
    font-size: 15px;
    line-height: 60px;
    height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    color: #1f2023;
    border-bottom: 4px solid transparent
}

.navbar-inner .navbar-brand:hover {
    color: #1f2023
}

.navbar-inner .navbar-nav a {
    font-size: 15px;
    line-height: 56px;
    padding-top: 0;
    padding-bottom: 0;
    color: #4E565A!important;
    border-bottom: 4px solid transparent
}

.navbar-inner .navbar-nav a:hover {
    color: #3aa6ef!important;
    border-bottom: 4px solid #3aa6ef
}

.navbar-inner .navbar-toggle {
    float: none;
    font-size: 18px;
    padding: 0;
    width: 20px;
    line-height: 18px;
    padding-top: 2px;
    background-color: #3aa6ef;
    color: #FFF;
    border: 0;
    border-radius: 50%;
    margin-top: 20px
}

.navbar-inner .navbar-toggle:hover,
.navbar-inner .navbar-toggle:active,
.navbar-inner .navbar-toggle:focus {
    background-color: #3aa6ef
}

@media(max-width:913px) {
    .navbar-inner .navbar-toggle {
        display: inline-block
    }
}

@media(max-width:991px) {
    .navbar-inner {
        padding-left: 15px
    }
}

@media(max-width:913px) {
    .navbar-inner {
        position: relative
    }
}

.mega-dropdown {
    position: static!important
}

.mega-dropdown-menu {
    padding: 30px 0;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none
}

.mega-dropdown-menu>li>ul {
    padding: 0;
    margin: 0
}

.mega-dropdown-menu>li>ul>li {
    list-style: none
}

.mega-dropdown-menu>li>ul>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #999;
    white-space: normal
}

.mega-dropdown-menu>li>ul>li>a:hover,
.mega-dropdown-menu>li>ul>li>a:focus {
    text-decoration: none;
    color: #444;
    background-color: #f5f5f5
}

.mega-dropdown-menu .menu-content {
    position: relative
}

.mega-dropdown-menu .menu-content .menu-divider {
    border-left: 1px solid #ddd;
    position: absolute;
    top: -30px;
    bottom: -30px;
    left: calc(75% - 10px)
}

@media(max-width:991px) {
    .mega-dropdown-menu .menu-content .menu-divider {
        display: none
    }
}

.mega-dropdown-menu .menu-content .menu-header-holder {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px
}

.mega-dropdown-menu .menu-content .menu-header-holder .menu-header {
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
    color: #1f2023;
    margin-bottom: 10px
}

.mega-dropdown-menu .menu-content .subheader {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    color: #1f2023;
    margin-bottom: 8px
}

.mega-dropdown-menu .menu-content .menu-item,
.mega-dropdown-menu .menu-content p.description {
    display: block;
    color: #1f2023;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 8px
}

.dropdown-menu>li>a {
    color: #1f2023;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 5px
}

.dropdown-menu>li>a:hover {
    background-color: transparent;
    text-decoration: underline
}

.mega-dropdown-menu .menu-content .menu-block {
    margin-bottom: 25px
}

.mega-dropdown-menu .menu-content .menu-block:last-child {
    margin-bottom: 0
}

.mega-dropdown-menu .menu-content .content-holder {
    margin-bottom: 20px
}

.mega-dropdown-menu .menu-content .content-holder img {
    width: 100%
}

.mega-dropdown-menu .menu-content .content-holder:last-child {
    margin-bottom: 0
}

.mega-dropdown-menu form {
    margin: 3px 20px
}

.mega-dropdown-menu .form-group {
    margin-bottom: 3px
}

header .top-head {
    font-size: 13px;
    color: #545b61;
    line-height: 40px;
    border-bottom: 1px solid #ededed
}

header .top-head span {
    margin-right: 30px
}

header .top-head span:last-child {
    margin-right: 25px
}

@media(max-width:991px) {
    header .top-head span {
        margin: 0;
        padding: 0 10px
    }
    header .top-head span:first-child {
        margin-left: 5px
    }
}

header .top-head a {
    display: inline-block;
    color: #545b61;
    padding: 0 25px;
    border-left: 1px solid #ededed
}

header .menu-mobile .right-part {
    display: inline-block;
    float: right;
    height: 40px
}

header .menu-mobile .menu-item {
    display: inline-block
}

header .menu-mobile .search-button {
    float: right
}

header .menu-mobile .search-button span {
    display: none
}

header .menu-mobile .search-button.open .dropdown-toggle {
    background-color: #1f2023;
    color: #FFF;
    text-decoration: none
}

header .menu-mobile .search-button .dropdown-menu {
    padding: 10px;
    min-width: 153px;
    margin-top: 0;
    right: 0;
    left: auto;
    border: 0;
    background: #1f2023;
    border-top-right-radius: 0;
    text-align: right
}

header .menu-mobile .search-button .dropdown-menu .btn {
    width: 100%;
    padding: 5px 20px
}

header .menu-mobile .login-button {
    float: left
}

header .menu-mobile .login-button .icon {
    display: none
}

header .menu-mobile .login-button span {
    margin: 0;
    padding: 0
}

header .menu-mobile .login-button.open .dropdown-toggle {
    background-color: #1f2023;
    color: #FFF;
    text-decoration: none
}

header .menu-mobile .login-button .dropdown-menu {
    padding: 10px 0;
    min-width: 153px;
    margin-top: 0;
    left: 1px;
    border: 0;
    background: #1f2023;
    border-top-left-radius: 0
}

header .menu-mobile .login-button .dropdown-menu li {
    padding: 0;
    opacity: .7
}

header .menu-mobile .login-button .dropdown-menu li:hover {
    opacity: 1
}

header .menu-mobile .login-button .dropdown-menu li:hover a {
    background-color: transparent
}

header .menu-mobile .login-button .dropdown-menu li a {
    padding: 6px 12px;
    color: #FFF;
    font-size: 15px;
    border: 0
}

header .menu-mobile .navbar-toggle {
    display: none
}

@media screen and (max-width:913px) {
    header .menu-mobile {
        position: absolute;
        top: 41px;
        right: 0;
        z-index: 1
    }
    header .menu-mobile .search-button {
        float: left
    }
    header .menu-mobile .search-button span {
        display: block
    }
    header .menu-mobile .login-button .dropdown-menu {
        right: 0;
        left: auto;
        border-top-left-radius: 5px;
        border-top-right-radius: 0
    }
    header .menu-mobile .menu-item {
        vertical-align: top
    }
    header .menu-mobile .menu-item>a {
        border: 0;
        border-left: 1px solid #ededed;
        padding: 19px 10px;
        height: 80px;
        margin: 0;
        vertical-align: top;
        border-radius: 0;
        display: inline-block!important;
        cursor: pointer
    }
    header .menu-mobile span {
        margin-right: 0!important;
        padding: 0;
        line-height: 30px;
        font-size: 13px;
        color: #808080;
        display: block
    }
    header .menu-mobile .icon {
        display: block!important;
        margin: auto;
        height: 18px;
        width: 18px
    }
    header .menu-mobile .icon img {
        width: 100%;
        vertical-align: top
    }
}

@media(max-width:991px) {
    header .container {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    header .container .navbar-header {
        margin-right: 0
    }
}

.banner {
    width: 100%;
    background-position: 50% 50%;
    background-size: cover;
    padding-top: 140px;
    padding-bottom: 140px
}

.banner.banner-type-1 {
    background-image: url(../images/img-back1.png);
    color: #1f2023
}

.banner.banner-type-2 {
    background-image: url(../images/img-back2.png);
    color: #1f2023
}

.banner.banner-type-3 {
    background-image: url(../images/img-back3.png);
    color: #FFF
}

.banner.banner-home-white .banner-overlay {
    background-image: none
}

.banner.banner-home .btn {
    padding-left: 40px;
    padding-right: 40px
}

.banner.banner-home p {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    font-size: 26px;
    line-height: 33px
}

@media(max-width:991px) {
    .banner.banner-home h1 {
        font-size: 40px
    }
}

.banner.align-left {
    text-align: left
}

.banner.align-right {
    text-align: right
}

.banner h1 {
    font-size: 55px;
    margin-bottom: 15px
}

.banner h2 {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 15px;
    font-weight: 600
}

.banner p {
    font-weight: normal;
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 30px
}

.banner p.with-bound {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto
}

.banner.with-navbar {
    padding-top: 170px;
    padding-bottom: 170px
}

@media(min-width:992px) {
    .banner.with-bottom {
        padding-top: 116px;
        padding-bottom: 164px
    }
}

@media(max-width:991px) {
    .banner {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .banner h2 {
        padding-left: 60px;
        padding-right: 60px
    }
    .banner.with-navbar {
        padding-top: 90px;
        padding-bottom: 30px
    }
}

@media(max-width:913px) {
    .banner {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .banner h2 {
        font-size: 24px
    }
    .banner p {
        font-size: 17px;
        line-height: 23px
    }
    .banner.align-right,
    .banner.align-left {
        text-align: center
    }
}

.bottom-bar {
    position: relative
}

.bottom-bar .content {
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: -48px;
    left: 0;
    width: 100%
}

.bottom-bar h5 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0;
    text-align: left;
    line-height: 1.4;
    padding: 15px 0
}

.bottom-bar h5 i {
    color: #FFF;
    line-height: 16px;
    width: 16px;
    border-radius: 50%;
    text-align: center;
    background-color: #3aa6ef
}

@media(max-width:991px) {
    .bottom-bar .content {
        position: relative;
        top: 0;
        background: #efefef
    }
    .bottom-bar h5 {
        font-size: 15px
    }
}

.feature-bar {
    text-align: center
}

.feature-bar .feature {
    display: inline-block;
    max-width: 350px;
    padding: 10px 10px 0 100px;
    position: relative;
    text-align: left;
    margin: 20px 0 20px 20px;
    vertical-align: top
}

.feature-bar .feature .img-holder {
    width: 80px;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 0
}

.feature-bar .feature .img-holder img {
    width: auto
}

.feature-bar .feature p {
    color: #4e565a;
    font-weight: 500;
    font-size: 15px
}

@media(max-width:991px) {
    .feature-bar .feature {
        max-width: 335px
    }
}

.feature-bar.top-align {
    padding: 0
}

.feature-bar.top-align .feature {
    padding: 0 10px;
    margin-left: 0;
    text-align: center
}

.feature-bar.top-align .feature .article-centered {
    height: 84px!important;
    width: auto;
    position: relative;
    display: block;
    margin-bottom: 38px
}

.officesuite-professional #articleBlocks {
    margin-bottom: 30px
}

.feature-bar.top-align .feature .img-holder {
    height: 84px;
    width: 100%!important;
    display: table;
    position: relative;
    margin-bottom: 38px
}

.feature-bar.top-align .feature .img-holder div {
    display: table-cell;
    vertical-align: bottom
}

.feature-bar.blog-feature {
    text-align: left
}

.feature-bar.blog-feature .feature {
    width: 100%;
    max-width: 100%;
    text-align: left;
    padding: 0
}

.feature-bar.blog-feature .feature .img-holder {
    height: auto
}

.feature-bar.blog-feature .feature .img-holder img {
    width: 100%
}

.feature-bar.feature-4 .feature {
    width: auto
}

.feature-bar.article-centered .feature .img-holder {
    height: 70px!important
}

.feature-bar.feature-4 .feature .img-holder {
    height: 190px
}

.feature-bar.feature-3 .feature {
    width: 100%;
    padding: 0 15px
}

.feature-bar.feature-3 .feature .img-holder {
    height: auto;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto
}

.feature-bar.feature-3 .feature .img-holder img {
    width: 100%
}

.feature-bar.home-feature {
    padding-bottom: 80px;
    border-bottom: 1px solid #ededed
}

.subtitle-bar {
    text-align: center;
    max-width: 800px;
    margin: auto
}

.subtitle-bar p {
    color: #28353C;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    text-align: left;
    padding-bottom: 15px
}

.not-found .container p {
    color: #28353C;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    text-align: center;
    padding-bottom: 15px
}

.subtitle-bar .text-center {
    text-align: center
}

.lightBlue-background .subtitle-bar p {
    text-align: center
}

.subtitle-bar li {
    color: #28353C;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    text-align: left;
    padding-bottom: 15px
}

.production-bar.right-side .features {
    float: left
}

@media(min-width:1200px) {
    .production-bar.right-side .features {
        padding-left: 50px;
        padding-right: 80px
    }
}

@media(min-width:913px) {
    .production-bar.right-side .prod-img {
        float: right
    }
}

.production-bar .prod-img img {
    width: 100%
}

.production-bar .features {
    text-align: left
}

@media(min-width:1200px) {
    .production-bar .features {
        margin-top: 20px;
        padding-left: 90px;
        padding-right: 30px
    }
}

@media(max-width:913px) {
    .production-bar .features {
        margin-top: 30px
    }
}

.production-bar .features.with-content h2 {
    margin-bottom: 20px
}

.production-bar .features p {
    margin-bottom: 30px;
    color: #28353C
}

.production-bar .features ul,
.side-text-block .blog-content .tight-width ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 35px;
    color: #4E565A
}

.production-bar .features ul li,
.side-text-block .blog-content .tight-width ul li {
    margin-bottom: 15px;
    padding-left: 28px;
    position: relative
}

.production-bar .features ul li a,
.side-text-block .blog-content .tight-width ul li a {
    color: #FA6323
}

.production-bar .features ul li:before,
.side-text-block .blog-content .tight-width ul li:before {
    content: '';
    background: url('../images/icon-check-blue.png') center center no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 20px;
    height: 21px;
    position: absolute;
    left: 0
}

@media(-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3/2),
(min-resolution:1.5dppx) {
    .production-bar .features ul li:before,
    .side-text-block .blog-content .tight-width ul li:before {
        background: url(../images/icon-check-blue@2x.png) center center no-repeat;
        background-color: transparent;
        background-size: 100% 100%
    }
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:2 * 96dpi) {
    .production-bar .features ul li:before,
    .side-text-block .blog-content .tight-width ul li:before {
        background: url(../images/icon-check-blue@2x.png) center center no-repeat;
        background-color: transparent;
        background-size: 100% 100%
    }
}

@media(-webkit-min-device-pixel-ratio:3),
(min-resolution:3 * 96dpi) {
    .production-bar .features ul li:before,
    .side-text-block .blog-content .tight-width ul li:before {
        background: url(../images/icon-check-blue@3x.png) center center no-repeat;
        background-color: transparent;
        background-size: 100% 100%
    }
}

.production-bar.two-column .features {
    margin-top: 80px
}

@media(min-width:913px) {
    .production-bar.two-column .features:nth-child(1) {
        padding-left: 15px;
        padding-right: 25px
    }
    .production-bar.two-column .features:nth-child(2) {
        padding-left: 25px;
        padding-right: 15px
    }
}

.production-bar.two-column .features .img-holder {
    margin-bottom: 20px
}

.production-bar.two-column .features .img-holder img {
    width: 100%
}

.production-bar.two-column .features ul {
    padding-left: 10px
}

.production-bar.home-product .prod-img {
    margin-top: 60px
}

.production-bar.home-product .features {
    margin-top: 0
}

@media(max-width:913px) {
    .production-bar.home-product .prod-img {
        margin-top: 0
    }
    .production-bar.home-product .features {
        margin-top: 30px
    }
}

.service-bar img {
    width: 100%
}

.service-bar .content {
    position: relative;
    margin-bottom: 20px
}

.service-bar .content .inner-content {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%
}

.service-bar .content .inner-content h3,
.service-bar .content .inner-content p {
    padding: 0 80px
}

.service-bar .content .inner-content p {
    margin-bottom: 40px
}

.service-bar .content:first-child {
    color: #FFF
}

.service-bar .content .service-item {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 12px
}

.service-bar .content .service-item.item-earphone {
    background: url('../images/icon-earphone.png') center center no-repeat;
    background-size: auto;
    background-color: #3aa6ef
}

@media(-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3/2),
(min-resolution:1.5dppx) {
    .service-bar .content .service-item.item-earphone {
        background: url(../images/icon-earphone@2x.png) center center no-repeat;
        background-color: #3aa6ef;
        background-size: auto
    }
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:2 * 96dpi) {
    .service-bar .content .service-item.item-earphone {
        background: url(../images/icon-earphone@2x.png) center center no-repeat;
        background-color: #3aa6ef;
        background-size: auto
    }
}

@media(-webkit-min-device-pixel-ratio:3),
(min-resolution:3 * 96dpi) {
    .service-bar .content .service-item.item-earphone {
        background: url(../images/icon-earphone@3x.png) center center no-repeat;
        background-color: #3aa6ef;
        background-size: auto
    }
}

.service-bar .content .service-item.item-lamp {
    background: url('../images/icon-lamp.png') center center no-repeat;
    background-size: auto;
    background-color: #3aa6ef
}

@media(-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3/2),
(min-resolution:1.5dppx) {
    .service-bar .content .service-item.item-lamp {
        background: url(../images/icon-lamp@2x.png) center center no-repeat;
        background-color: #3aa6ef;
        background-size: auto
    }
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:2 * 96dpi) {
    .service-bar .content .service-item.item-lamp {
        background: url(../images/icon-lamp@2x.png) center center no-repeat;
        background-color: #3aa6ef;
        background-size: auto
    }
}

@media(-webkit-min-device-pixel-ratio:3),
(min-resolution:3 * 96dpi) {
    .service-bar .content .service-item.item-lamp {
        background: url(../images/icon-lamp@3x.png) center center no-repeat;
        background-color: #3aa6ef;
        background-size: auto
    }
}

.service-bar .content .service-item.item-mail {
    background: url('../images/icon-envelope.png') center center no-repeat;
    background-size: auto;
    background-color: #3aa6ef
}

@media(-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3/2),
(min-resolution:1.5dppx) {
    .service-bar .content .service-item.item-mail {
        background: url(../images/icon-envelope@2x.png) center center no-repeat;
        background-color: #3aa6ef;
        background-size: auto
    }
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:2 * 96dpi) {
    .service-bar .content .service-item.item-mail {
        background: url(../images/icon-envelope@2x.png) center center no-repeat;
        background-color: #3aa6ef;
        background-size: auto
    }
}

@media(-webkit-min-device-pixel-ratio:3),
(min-resolution:3 * 96dpi) {
    .service-bar .content .service-item.item-mail {
        background: url(../images/icon-envelope@3x.png) center center no-repeat;
        background-color: #3aa6ef;
        background-size: auto
    }
}

@media(max-width:1199px) {
    .service-bar .content h3 {
        margin-bottom: 40px
    }
    .service-bar .content p {
        display: none
    }
}

.feature-bar-reg.with-background {
    background-color: #3aa6ef;
    padding: 60px 0;
    margin-bottom: 0
}

.feature-bar-reg .feature {
    text-align: left;
    margin-bottom: 40px
}

.feature-bar-reg .feature .img-holder {
    float: left;
    margin-right: 24px;
    max-width: 69px;
}

.feature-bar-reg .feature h3 {
    padding-top: 10px
}

.feature-bar-reg .feature p {
    color: #4E565A
}

.feature-bar-reg.size-md .content {
    max-width: 1000px;
    margin: auto
}

.feature-bar-reg.size-md .feature {
    margin-left: 40px;
    margin-right: 40px;
    height: 100px
}

.feature-bar-reg.size-md .feature .img-holder {
    width: 100px;
    height: 100px;
    margin-right: 20px;
    line-height: 100px;
    text-align: center;
    color: #FFF;
    border-radius: 50%
}

.feature-bar-reg.size-md .feature .img-holder img {
    width: 100%;
    border-radius: 50%
}

@media(max-width:913px) {
    .feature-bar-reg.size-md .feature {
        margin-left: 0;
        margin-right: 0
    }
    .feature-bar-reg.size-md .feature .img-holder {
        width: 80px;
        height: 80px;
        line-height: 80px
    }
}

.feature-bar-reg.size-sm .feature {
    width: 100%;
    margin-bottom: 0;
    padding: 0 40px
}

.feature-bar-reg.size-sm .feature h3 {
    padding-top: 0
}

.feature-bar-reg.size-sm .feature .img-holder {
    width: 80px;
    height: 80px;
    margin-right: 20px;
    text-align: center;
    margin-top: 5px
}

.feature-bar-reg.size-sm .feature .img-holder img {
    width: auto
}

.feature-bar-reg.size-sm .feature .content {
    padding-left: 100px
}

.feature-bar-reg.network-bar .feature {
    margin-bottom: 50px
}

.feature-bar-reg.size-xl .feature {
    height: 140px
}

.feature-bar-reg.size-xl .feature .img-holder {
    width: 140px;
    height: 140px;
    margin-right: 30px;
    margin-bottom: 30px
}

.feature-bar-reg.size-xl .feature .img-holder .icon {
    width: 140px;
    height: 140px;
    background-color: #3aa6ef;
    border-radius: 50%;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.feature-bar-reg.size-xl .feature .img-holder .icon img {
    width: auto
}

.feature-bar-reg.size-xl .feature .img-holder img {
    width: 100%
}

@media(max-width:913px) {
    .feature-bar-reg.size-xl .feature {
        height: auto
    }
    .feature-bar-reg.size-xl .feature .img-holder {
        width: 80px;
        height: 80px;
        margin-right: 20px
    }
    .feature-bar-reg.size-xl .feature .content {
        padding-left: 100px
    }
    .feature-bar-reg.size-sm .feature {
        padding: 0
    }
}

.feature-bar-reg.size-xl .feature.author-info {
    margin-bottom: 0
}

.feature-bar-reg.size-xl .feature.author-info .author-name {
    font-weight: normal
}

.feature-bar-reg.size-xl .feature.author-info .author-name span {
    font-weight: 600
}

.feature-bar-reg.size-xxl .feature-holder {
    margin-bottom: 80px
}

.feature-bar-reg.size-xxl .feature-holder:nth-child(1) {
    padding-right: 30px
}

.feature-bar-reg.size-xxl .feature-holder:nth-child(2) {
    padding-left: 30px
}

@media(max-width:991px) {
    .feature-bar-reg.size-xxl .feature-holder:nth-child(1) {
        padding-right: 15px
    }
    .feature-bar-reg.size-xxl .feature-holder:nth-child(2) {
        padding-left: 15px
    }
}

.feature-bar-reg.size-xxl .feature {
    min-height: 230px;
    margin-bottom: 0
}

.feature-bar-reg.size-xxl .feature .img-holder {
    width: 160px;
    height: 160px;
    position: relative
}

.feature-bar-reg.size-xxl .feature .img-holder .comment-icon {
    top: 0
}

.feature-bar-reg.size-xxl .feature .header-bar {
    position: relative;
    width: 100%
}

.feature-bar-reg.size-xxl .feature .header-bar span {
    display: block
}

.feature-bar-reg.size-xxl .feature .header-bar span:nth-child(1) {
    color: #3aa6ef;
    font-weight: 600;
    font-style: normal;
    padding-right: 20px;
    background-color: #FFF;
    position: absolute;
    top: 0;
    left: 0
}

.feature-bar-reg.size-xxl .feature .header-bar span:nth-child(2) {
    width: 100%;
    border-bottom: 1px solid #ededed;
    height: 17px;
    margin-bottom: 50px
}

.feature-bar-reg.size-xxl .feature span {
    font-weight: 500;
    font-style: italic
}

.feature-bar-reg.size-xxl .feature .author-name {
    font-style: normal;
    font-weight: 600;
    display: block;
    margin-top: 20px
}

.feature-bar-reg.size-xxl .feature .company {
    font-style: normal;
    display: block
}

.feature-bar-reg.size-lg .feature .img-holder {
    width: 130px;
    height: 130px;
    padding: 10px 0 0 10px;
    position: absolute
}

.feature-bar-reg.size-lg .feature .img-holder .comment-icon {
    top: 0;
    left: 0;
    border: 8px solid #3aa6ef
}

.feature-bar-reg.size-lg .feature .content {
    padding-left: 150px;
    padding-top: 20px
}

.feature-bar-reg.size-lg .feature h3 {
    color: #FFF
}

.feature-bar-reg.size-lg .feature span {
    color: #FFF;
    font-weight: 500;
    font-style: italic
}

.feature-bar-reg.size-lg .feature .learn-more {
    text-decoration: underline;
    margin-bottom: 20px
}

.feature-bar-reg.size-lg .feature .author-name {
    color: #1f2023;
    font-style: normal;
    font-weight: 600;
    display: block
}

.feature-bar-reg.size-lg .feature .company {
    font-style: normal;
    display: block
}

.feature-bar-reg.size-lg .feature .learn-more {
    display: inline-block;
    color: #FFF
}

.content-bar {
    margin-bottom: 70px
}

.content-bar.content-bar-blog {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ededed
}

.two-column-bar {
    margin-bottom: 40px
}

.content-bar p a {
    color: #FA6323
}

.content-bar p a:hover {
    color: #FA6323;
    text-decoration: underline
}

.content-bar.with-bottom-border {
    margin-bottom: 0;
    padding-bottom: 60px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 70px
}

.content-bar.with-bottom-border.no-space {
    padding-bottom: 0
}

.content-bar.small-size {
    margin-bottom: 60px
}

.img-block {
    position: relative;
    margin-bottom: 40px
}

.img-block img {
    width: 100%
}

.img-block .img-placeholder {
    position: absolute;
    width: 100%;
    padding: 0 50px 8px;
    bottom: 0;
    left: 0;
    color: #FFF;
    opacity: .4
}

.brand-bar .brand-item {
    width: 170px;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px
}

.officesuite-hd-meeting .brand-bar .brand-item p,
.myofficesuite .brand-bar .brand-item p {
    display: none
}

.officesuite-hd-meeting .brand-bar .brand-item img {
    margin-bottom: 0
}

.brand-bar .brand-item img {
    height: 54%
}

.comment-icon {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url('../images/icon-comment-white.png') center center no-repeat;
    background-size: 50%;
    background-color: #3aa6ef;
    border: 8px solid #FFF
}

@media(-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3/2),
(min-resolution:1.5dppx) {
    .comment-icon {
        background: url(../images/icon-comment-white@2x.png) center center no-repeat;
        background-color: #3aa6ef;
        background-size: 50%
    }
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:2 * 96dpi) {
    .comment-icon {
        background: url(../images/icon-comment-white@2x.png) center center no-repeat;
        background-color: #3aa6ef;
        background-size: 50%
    }
}

@media(-webkit-min-device-pixel-ratio:3),
(min-resolution:3 * 96dpi) {
    .comment-icon {
        background: url(../images/icon-comment-white@3x.png) center center no-repeat;
        background-color: #3aa6ef;
        background-size: 50%
    }
}

.comment-icon.comment-white {
    background: url('../images/icon-comment-blue.png') center center no-repeat;
    background-size: 50%;
    background-color: #FFF
}

@media(-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3/2),
(min-resolution:1.5dppx) {
    .comment-icon.comment-white {
        background: url(../images/icon-comment-blue@2x.png) center center no-repeat;
        background-color: #FFF;
        background-size: 50%
    }
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:2 * 96dpi) {
    .comment-icon.comment-white {
        background: url(../images/icon-comment-blue@2x.png) center center no-repeat;
        background-color: #FFF;
        background-size: 50%
    }
}

@media(-webkit-min-device-pixel-ratio:3),
(min-resolution:3 * 96dpi) {
    .comment-icon.comment-white {
        background: url(../images/icon-comment-blue@3x.png) center center no-repeat;
        background-color: #FFF;
        background-size: 50%
    }
}

.testimonial-bar.with-background {
    padding: 60px 0;
    background-color: #F0F3F5
}

.testimonial-bar.with-background .comment-icon {
    border-color: #F0F3F5
}

.testimonial-bar .content {
    max-width: 770px;
    margin: auto;
    position: relative;
    min-height: 160px
}

.testimonial-bar .content .author {
    width: 160px;
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 50%
}

.testimonial-bar .content .testimonial {
    padding-left: 190px;
    text-align: left
}

.testimonial-bar .content .testimonial span {
    display: block
}

.testimonial-bar .content .testimonial .comment {
    font-style: italic;
    font-weight: normal;
    margin-bottom: 30px;
    color: #28353C
}

.testimonial-bar .content .testimonial .comment p {
    margin-bottom: 20px
}

.testimonial-bar .content .testimonial .name {
    color: #4E565A
}

.testimonial-bar .content .testimonial .title {
    font-weight: 600
}

.testimonial-bar .content.right-side .testimonial {
    padding-left: 0;
    padding-right: 190px
}

.testimonial-bar .content.right-side .author {
    right: 0
}

.testimonial-bar .content.center-side .testimonial {
    padding-left: 100px;
    padding-right: 100px;
    text-align: center
}

.testimonial-bar .content.center-side .author {
    position: relative;
    margin: 0 auto 40px
}

@media(max-width:1199px) {
    .testimonial-bar .content .author {
        position: relative;
        margin: 0 auto 40px
    }
    .testimonial-bar .content .testimonial {
        padding-left: 20px!important
    }
}

.blue-background {
    background-image: url(../images/blue-style.png)
}

.blue-background .background-overlay {
    padding: 60px 0;
    background: linear-gradient(180deg, #3AA6EF 0, #3AA6EF 40%, rgba(58, 166, 239, 0.5) 100%)
}

.lightBlue-background {
    padding: 80px 0;
    background-color: #F3F9FF
}

.request-form h2 {
    font-size: 34px;
    line-height: 40px;
    color: #FFF
}

.request-form .content {
    max-width: 550px;
    margin: auto
}

.request-form p {
    color: #FFF;
    margin-bottom: 10px
}

.request-form input.form-control {
    font-size: 15px;
    line-height: 18px;
    padding: 15px;
    border-radius: 6px;
    height: 50px;
    margin-bottom: 20px;
    border: 0
}

.request-form textarea {
    font-size: 15px;
    line-height: 18px;
    padding: 18px 15px;
    border-radius: 6px;
    margin-bottom: 20px;
    border: 0
}

.request-form .btn-submit {
    width: 100%;
    font-size: 18px
}

.request-form.partnership-bar h2 {
    margin-top: 30px
}

.request-form.partnership-bar .font-18 {
    max-width: 700px;
    margin: 0 auto
}

.request-form.partnership-bar .partnership-content {
    margin-top: 60px
}

.request-form.partnership-bar .partnership-content .partnership-item {
    margin-bottom: 20px
}

.request-form.partnership-bar .partnership-content .partnership-item h4 {
    font-size: 24px;
    font-family: "Gotham", sans-serif;
    color: #FFF
}

.request-form.partnership-bar .partnership-content .partnership-item p {
    font-weight: 500;
    color: #FFF
}

.request-form.partnership-bar .partnership-content .partnership-item .btn {
    margin-bottom: 10px
}

@media(max-width:913px) {
    .request-form input.form-control,
    .request-form textarea {
        margin-bottom: 10px
    }
}

.service-choice {
    text-align: left;
    max-width: 1000px;
    margin: auto
}

.service-choice p,
.service-choice .item {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500
}

.service-choice .choice-header {
    padding: 25px 25px 20px;
    border-bottom: 1px solid #ccc;
    position: relative
}

.service-choice .choice-header .head-info {
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    padding: 16px 0;
    border-radius: 5px 5px 0 0;
    width: 100%;
    background-color: #3aa6ef;
    position: absolute;
    top: -50px;
    left: 0;
    opacity: 0
}

.service-choice .choice-header h3 {
    font-weight: 600
}

.service-choice .choice-content {
    padding: 20px 25px
}

.service-choice .choice-content .item {
    margin-bottom: 8px
}

.service-choice .choice-content .item i {
    font-size: 17px;
    color: #CCC;
    margin-right: 8px
}

.service-choice .choice-content .item.highlighted i {
    color: #31b72a
}

.service-choice .choice-content .btn {
    margin-top: 30px;
    width: 100%;
    background-color: transparent;
    border: 2px solid #949494;
    color: #949494
}

.service-choice .choice-content .btn:hover {
    color: white;
    background-color: #949494
}

.service-choice .choice-featured {
    background-color: #d2eaff
}

.service-choice .choice-featured .btn {
    background-color: #3aa6ef;
    color: #FFF;
    border-color: #3aa6ef
}

.service-choice .choice-featured .btn:hover {
    color: white;
    background-color: #3aa6ef
}

.service-choice .choice-featured .head-info {
    opacity: 1
}

@media(max-width:991px) {
    .service-choice .choice-featured .choice-content {
        padding-top: 10px
    }
    .service-choice .choice-featured .choice-content .btn {
        margin-top: 20px
    }
    .service-choice .choice-featured .choice-header {
        padding-bottom: 0;
        padding-top: 65px;
        border: 0
    }
    .service-choice .choice-featured .choice-header .head-info {
        top: -5px
    }
}

.service-choice .col-md-4 .choice-content {
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:992px) {
    .service-choice {
        border: 2px solid #3aa6ef;
        border-top: 10px solid #3aa6ef;
        border-radius: 5px
    }
    .service-choice .col-md-6,
    .service-choice .col-sm-6 {
        padding: 0
    }
    .service-choice .col-md-4 {
        padding: 0
    }
}

@media(max-width:991px) {
    .service-choice .choice {
        border: 2px solid #3aa6ef;
        border-top: 10px solid #3aa6ef;
        border-radius: 5px
    }
    .service-choice .col-sm-6 {
        margin-bottom: 30px
    }
    .service-choice .col-md-4 {
        margin-bottom: 30px
    }
}

@media(max-width:913px) {
    .service-choice .choice {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }
}

.cta-bar {
    color: #FFF
}

.cta-bar h2,
.cta-bar p {
    text-align: left
}

.cta-bar p {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto
}

.cta-bar .banner-btns {
    margin-top: 15px
}

.cta-bar .banner-btns button {
    vertical-align: top
}

.cta-bar .banner-btns .btn-icon {
    background-color: #FFF;
    color: #3aa6ef;
    margin-right: 20px
}

.cta-bar .btn:not(.btn-icon) {
    margin-left: 0
}

@media(max-width:1199px) {
    .cta-bar h2,
    .cta-bar p {
        text-align: center
    }
}

@media(max-width:913px) {
    .cta-bar .btn:not(.btn-icon) {
        margin: auto;
        width: 100%;
        max-width: 400px
    }
    .cta-bar .btn-icon {
        margin-bottom: 10px
    }
}

.footer-feature .feature {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ededed;
    padding: 30px 0
}

.footer-feature .feature:last-child {
    border-bottom: 0
}

.footer-feature .feature .img-holder {
    position: absolute;
    top: 40px;
    left: 10px
}

.footer-feature .feature .content {
    padding-left: 100px;
    text-align: left
}

.footer-feature .feature .content span {
    display: inline-block;
    font-weight: 500;
    margin-right: 30px;
    white-space: nowrap;
    margin-bottom: 8px
}

@media(max-width:913px) {
    .footer-feature .feature .content span {
        display: block;
        white-space: normal
    }
}

footer {
    text-align: left;
    background-color: #f0f2f2
}

footer .brand-bar {
    line-height: 30px;
    margin: 80px 0
}

footer .brand-bar img {
    height: 30px
}

footer .brand-bar a {
    display: inline-block;
    margin-left: 20px;
    font-weight: 600;
    color: #1f2023
}

@media(max-width:913px) {
    footer .brand-bar {
        margin: 30px 0
    }
}

footer .page-nav a {
    display: block;
    font-weight: 600;
    color: #1f2023
}

@media(max-width:913px) {
    footer .page-nav {
        margin-bottom: 30px
    }
}

footer .footer-feature {
    margin-bottom: 80px
}

footer .footer-feature h3 {
    font-weight: 600
}

footer .footer-feature a {
    color: #1f2023;
    margin-bottom: 15px;
    display: block;
}

footer .footer-feature a.long-text {
    margin-bottom: 25px
}

footer .footer-feature a:last-child:not(.bold-link) {
    text-decoration: underline
}

footer .footer-feature a.bold-link {
    margin-right: 20px;
    font-weight: 600;
    display: inline-block
}

@media(max-width:913px) {
    footer .footer-feature {
        margin-bottom: 30px
    }
}

footer .footer-info {
    padding: 30px 0;
    background-color: #1f2023;
    color: #FFF
}

footer .footer-info h3 {
    font-weight: 600;
    margin-bottom: 5px
}

footer .footer-info h3 span {
    font-weight: normal
}

footer .footer-info a {
    font-weight: 500;
    color: #F3F9FF;
    display: inline-block
}

footer .footer-info .social-bar a {
    margin-right: 0
}

footer .footer-info .social-bar i {
    color: #1f2023;
    background: #FFF;
    width: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    margin-left: 5px;
    margin-top: 5px
}

@media(max-width:991px) {
    footer .footer-info {
        text-align: center;
        padding-bottom: 10px
    }
    footer .footer-info .pull-left,
    footer .footer-info .pull-right {
        float: none!important
    }
    footer .footer-info h3,
    footer .footer-info a {
        margin-bottom: 30px
    }
}

.narrow-content .request-form .content {
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:913px) {
    .narrow-content .request-form {
        margin-left: -15px;
        margin-right: -15px
    }
}

.question-list h2 {
    text-align: left;
    margin-bottom: 40px
}

.question-list .question-group {
    text-align: left
}

.question-list .question-group h3 {
    font-weight: 600
}

.question-list .question-group .panel-group {
    margin-bottom: 0
}

.question-list .question-group .panel {
    box-shadow: none
}

.question-list .question-group .panel>a {
    font-size: 15px;
    line-height: 20px;
    color: #4e565a;
    font-weight: 500
}

.question-list .question-group .panel>a .learn-more {
    font-size: 15px;
    margin-left: 3px;
    font-weight: 400
}

.question-list .question-group:first-child {
    border-right: 1px solid #ededed
}

.question-list .question-group:last-child .content {
    float: right
}

@media(max-width:1199px) {
    .question-list .question-group:first-child {
        border: 0
    }
    .question-list .question-group:last-child .content {
        float: none
    }
}

.video-tutorial .video-header {
    padding-bottom: 30px;
    border-bottom: 1px solid #ededed;
    text-align: left
}

.video-tutorial .video-header h3 {
    display: inline-block
}

.video-tutorial .video-header a {
    float: right;
    color: #4e565a
}

.video-tutorial .video-header a i {
    color: #4e565a;
    font-weight: normal;
    font-size: 14px
}

.video-tutorial .video-block {
    margin-top: 30px;
    position: relative;
    background-color: #000
}

.video-tutorial .video-block .btn-play {
    position: absolute;
    background: url('../images/icon-play.png') center center no-repeat;
    background-size: auto;
    background-color: transparent;
    display: block;
    width: 29px;
    height: 36px;
    right: 20px;
    top: 20px
}

@media(-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3/2),
(min-resolution:1.5dppx) {
    .video-tutorial .video-block .btn-play {
        background: url(../images/icon-play@2x.png) center center no-repeat;
        background-color: transparent;
        background-size: auto
    }
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:2 * 96dpi) {
    .video-tutorial .video-block .btn-play {
        background: url(../images/icon-play@2x.png) center center no-repeat;
        background-color: transparent;
        background-size: 29px 36px
    }
}

@media(-webkit-min-device-pixel-ratio:3),
(min-resolution:3 * 96dpi) {
    .video-tutorial .video-block .btn-play {
        background: url(../images/icon-play@3x.png) center center no-repeat;
        background-color: transparent;
        background-size: auto
    }
}

.video-tutorial .video-block .btn-play.btn-file {
    background: url('../images/icon-file.png') center center no-repeat;
    background-size: auto;
    background-color: transparent
}

@media(-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3/2),
(min-resolution:1.5dppx) {
    .video-tutorial .video-block .btn-play.btn-file {
        background: url(../images/icon-file@2x.png) center center no-repeat;
        background-color: transparent;
        background-size: auto
    }
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:2 * 96dpi) {
    .video-tutorial .video-block .btn-play.btn-file {
        background: url(../images/icon-file@2x.png) center center no-repeat;
        background-color: transparent;
        background-size: 29px 36px
    }
}

@media(-webkit-min-device-pixel-ratio:3),
(min-resolution:3 * 96dpi) {
    .video-tutorial .video-block .btn-play.btn-file {
        background: url(../images/icon-file@3x.png) center center no-repeat;
        background-color: transparent;
        background-size: auto
    }
}

.video-tutorial .video-block .video-info {
    position: absolute;
    bottom: 20px;
    left: 20px;
    max-width: 250px;
    text-align: left;
    color: #FFF;
    margin-bottom: 0
}

.video-tutorial .video-block .video-info .video-title {
    font-size: 13px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500
}

.video-tutorial .video-block .video-info p {
    margin-bottom: 0
}

.video-tutorial.home-video h2 {
    text-align: center;
    max-width: 900px;
    margin: 0 auto
}

.video-tutorial.home-video .video-header {
    border-bottom: 0
}

.video-tutorial.with-top-margin h2 {
    margin-top: 80px
}

.left-sidebar {
    text-align: left;
    margin-bottom: 30px;
    padding-right: 60px
}

.left-sidebar .btn-parent {
    margin-bottom: 10px
}

.left-sidebar .btn-parent i {
    color: #3aa6ef;
    display: none;
    float: right
}

@media(max-width:913px) {
    .left-sidebar .btn-parent {
        text-align: left;
        border: 2px solid #3aa6ef;
        background-color: #FFF;
        color: #4e565a;
        width: 100%
    }
    .left-sidebar .btn-parent i {
        display: block
    }
}

.left-sidebar .menu-item {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    color: #1f2023;
    margin-bottom: 20px;
    padding-left: 10px
}

.left-sidebar .menu-item.for-collapse {
    margin-bottom: 6px
}

.left-sidebar .menu-item i {
    color: #3aa6ef
}

.left-sidebar .menu-item-sub {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #808080;
    margin-bottom: 4px
}

.left-sidebar .sub-menu {
    margin-bottom: 20px
}

.left-sidebar .sub-menu ul {
    list-style: none;
    padding-left: 15px
}

.left-sidebar .sub-menu ul li a.active {
    font-weight: bold
}

.left-sidebar h3.font-24 {
    margin-bottom: 20px
}

.left-sidebar .side-tutorial {
    padding-top: 30px;
    border-top: 1px solid #ededed;
    margin-bottom: 30px
}

.left-sidebar .side-tutorial h4 {
    font-size: 16px;
    font-weight: 600
}

.left-sidebar .side-tutorial .img-holder img {
    width: 100%
}

.search-bar .search-result {
    text-align: left;
    padding-top: 18px;
    padding-bottom: 15px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin-bottom: 40px
}

.search-bar .search-result p {
    font-weight: 600;
    margin-bottom: 0
}

.search-bar .search-box {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 60px;
    position: relative
}

.search-bar .search-box input {
    padding: 15px;
    height: 50px
}

.search-bar .search-box img {
    position: absolute;
    top: 17px;
    right: 15px;
    width: 15px
}

@media(max-width:991px) {
    .search-bar .pull-right {
        float: none!important
    }
    .search-bar .search-box {
        margin-left: 0;
        margin-bottom: 40px
    }
    .search-bar .search-result {
        margin-bottom: 30px
    }
}

.pagination {
    border: 2px solid #3aa6ef;
    border-radius: 5px;
    padding: 0 10px
}

.pagination a {
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: #1f2023;
    display: inline-block;
    padding: 0 14px
}

.pagination a.page-item {
    padding: 8px 15px;
    margin-top: 10px;
    margin-bottom: 10px
}

.pagination a.page-item.active {
    color: #FFF;
    background-color: #3aa6ef;
    border-radius: 5px
}

.pagination .shrink {
    color: #4e565a;
    margin-left: 10px;
    margin-right: 10px
}

.pagination .btn-prev {
    padding: 18px;
    border-right: 1px solid #ededed
}

.pagination .btn-next {
    padding: 18px;
    border-left: 1px solid #ededed
}

@media(max-width:913px) {
    .pagination .btn-prev,
    .pagination .btn-next {
        padding: 12px
    }
    .pagination a.page-item {
        padding: 5px 10px
    }
}

.right-sidebar {
    text-align: left;
    padding-left: 35px
}

.right-sidebar .pardot-widget {
    margin: 0 10px 50px;
    text-align: center;
}

.right-sidebar .pardot-widget h2 {
    font-size: 28px;
    line-height: 1.4;
}

.right-sidebar .pardot-widget p {
    font-weight: 500;
}

.right-sidebar .pardot-widget .background-overlay {
    padding: 20px;
}

.right-sidebar .pardot-widget .content {
    margin-bottom: -40px;
}

.right-sidebar h3 {
    font-weight: 600
}

.right-sidebar .category-list {
    margin-bottom: 50px
}

.right-sidebar .category-list .item {
    border-bottom: 1px solid #ededed;
    padding-top: 10px;
    padding-bottom: 10px
}

.right-sidebar .category-list .item .category-name {
    font-size: 15px;
    color: #4e565a;
    font-weight: 500
}

.right-sidebar .category-list .item .category-count {
    float: right;
    display: inline-block;
    color: #FFF;
    font-size: 11px;
    line-height: 13px;
    padding: 5px 14px;
    background-color: #3aa6ef;
    border-radius: 8px
}

.right-sidebar .select-box,
.right-sidebar .content,
.right-sidebar .social-share {
    margin-bottom: 50px
}

.right-sidebar .content img {
    width: 100%
}

.right-sidebar .social-share {
    text-align: center;
    border-radius: 5px
}

.right-sidebar .social-share .background-overlay {
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 5px
}

.right-sidebar .social-share h2 {
    color: #FFF
}

.right-sidebar .social-share .social-bar i {
    color: #3aa6ef;
    background: #FFF;
    width: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    margin-left: 5px;
    margin-top: 5px
}

@media(max-width:913px) {
    .right-sidebar {
        padding-left: 15px
    }
}

.group-comment .font-34 {
    margin: 80px auto;
    max-width: 560px
}

.slogan {
    padding: 23px 0 18px
}

.slogan h4 {
    margin-bottom: 0
}

.slogan h4 span {
    font-weight: 600
}

.slogan h4 sup {
    top: 0;
    font-size: 23px
}

.award-bar {
    margin-top: 50px
}

.award-bar .award-item {
    display: inline-block;
    margin: 0 50px;
    vertical-align: top;
    margin-top: 30px
}

.award-bar .award-item img {
    height: 100px;
    margin-bottom: 30px
}

.award-bar .award-item p {
    width: 100px;
    margin: 0 auto;
    color: #4e565a
}

.app-bar .content {
    max-width: 400px;
    margin: auto
}

.app-bar .phone-section {
    display: table;
    width: 100%;
    margin-top: 80px;
    margin-bottom: 40px
}

.app-bar .phone-section .phone-holder,
.app-bar .phone-section .store-holder {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

.app-bar .phone-section .phone-holder img,
.app-bar .phone-section .store-holder img {
    margin-bottom: 10px
}

.app-bar .learn-more {
    margin-bottom: 50px;
    display: inline-block
}

.app-bar p {
    max-width: 300px;
    margin: 0 auto 10px
}

.info-bar {
    margin-bottom: 60px
}

.info-bar .img-holder {
    width: 200px;
    position: absolute;
    top: 0;
    left: 0
}

.info-bar .img-holder img {
    width: 100%
}

.info-bar .content {
    padding-left: 230px;
    text-align: left
}

.left-production {
    border-bottom: 1px solid #ededed;
    margin-bottom: 40px;
    padding-bottom: 60px
}

.left-production h3 {
    margin-bottom: 60px
}

.left-production .content {
    margin-bottom: 60px;
    text-align: left
}

.left-production ul {
    text-align: left;
    max-width: 330px;
    margin: auto
}

.left-production h4 {
    margin-bottom: 50px
}

.left-service h3 {
    margin-bottom: 50px
}

.left-service .content {
    position: relative
}

.left-service .content .plus-sign {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 30px
}

.left-service .content .plus-sign.first-sign {
    left: calc(33.33% - 41px)
}

.left-service .content .plus-sign.second-sign {
    left: calc(66.667% - 11px)
}

@media(max-width:913px) {
    .left-service .content .plus-sign {
        position: relative;
        top: auto;
        left: auto!important
    }
}

.left-service .content-item {
    margin-bottom: 30px
}

.left-service .content-item .item {
    display: inline-block
}

.left-service .content-item .img-holder {
    height: 70px;
    margin-bottom: 10px
}

.left-service .content-item p {
    font-weight: 600
}

.left-service .learn-more {
    display: block;
    margin: 30px auto
}

.left-service .description {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8
}

.left-service .description span {
    display: block;
    color: #4e565a;
    max-width: 560px;
    margin: 30px auto;
    font-weight: 500
}

.left-service .description span a {
    text-decoration: underline;
    color: #4e565a
}

.faq-bar {
    text-align: left;
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d8d8d8
}

.faq-bar h3 {
    margin-bottom: 20px
}

.faq-bar .img-holder img {
    width: 100%
}

.faq-bar .img-holder.no-full-width {
    text-align: center
}

.faq-bar .img-holder.no-full-width img {
    width: auto
}

.faq-bar .row {
    margin-bottom: 50px
}

.faq-bar .notice {
    font-size: 16px;
    font-weight: 27px;
    color: #28353c;
    font-weight: normal
}

.faq-bar .writing {
    font-style: italic
}

.faq-bar .author-name {
    font-weight: 600;
    font-size: 15px;
    display: block
}

.faq-bar .author {
    display: block;
    font-weight: 500;
    font-size: 15px
}

.detail-bar {
    padding-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 60px
}

.detail-bar h3 {
    font-family: "Gotham", sans-serif;
    font-weight: 500;
    max-width: 420px;
    margin: 0 auto 50px
}

.detail-bar .detail-block {
    text-align: left
}

.detail-bar .detail-block ul {
    margin-bottom: 50px
}

.detail-bar .detail-block li {
    color: #4e565a;
    font-weight: 500
}

.detail-bar .detail-block h4 {
    margin-bottom: 20px
}

.dental-bar .content {
    max-width: 600px;
    margin: 0 auto 80px;
    text-align: left
}

.dental-bar .content h2 {
    margin-bottom: 30px
}

.dental-bar .detail-block {
    text-align: left;
    margin-bottom: 60px
}

.dental-bar .detail-block p {
    color: #4e565a
}

.dental-bar .feature-bar .feature .img-holder img {
    width: auto;
    height: auto
}

.dental-bar .feature-bar .feature p {
    font-weight: 600;
    margin-bottom: 20px;
    color: #1f2023
}

.dental-bar .feature-bar .feature .btn {
    width: 112px
}

ul.with-check {
    padding-left: 0;
    list-style: none;
    margin-bottom: 35px;
    color: #4E565A
}

ul.with-check li {
    margin-bottom: 15px;
    padding-left: 28px;
    position: relative
}

ul.with-check li:before {
    content: '';
    background: url('../images/icon-check-blue.png') center center no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 20px;
    height: 21px;
    position: absolute;
    left: 0
}

@media(-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3/2),
(min-resolution:1.5dppx) {
    ul.with-check li:before {
        background: url(../images/icon-check-blue@2x.png) center center no-repeat;
        background-color: transparent;
        background-size: 100% 100%
    }
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:2 * 96dpi) {
    ul.with-check li:before {
        background: url(../images/icon-check-blue@2x.png) center center no-repeat;
        background-color: transparent;
        background-size: 100% 100%
    }
}

@media(-webkit-min-device-pixel-ratio:3),
(min-resolution:3 * 96dpi) {
    ul.with-check li:before {
        background: url(../images/icon-check-blue@3x.png) center center no-repeat;
        background-color: transparent;
        background-size: 100% 100%
    }
}

.phones-and-accessories #articleBlocks,
.phones-and-accessories #textBlock {
    margin-bottom: 30px
}

.phones-and-accessories .feature-bar-reg.size-xl .feature {
    height: auto
}

.main-cta:hover {
    color: white;
    text-decoration: none
}

.link-title a {
    color: #28353c!important
}

.agents .full-banner {
    margin-bottom: 50px
}
img {
    max-width: 100%;
}
.c-announcement {
    background-color: #E7E6E6;
    margin: 0 auto 4rem;
    max-width: 80rem;
    min-height: 16.8rem;
    padding: 2.4rem;
    position: relative;
}
.c-announcement__image {
    margin-bottom: 2rem;
}
.c-announcement__content {
    text-align: left;
}
.c-announcement__heading {
    display: block;
    font-size: 2.4rem;
    margin-bottom: 1.6rem;
}
.c-announcement__text {
    font-size: 1.6rem;
    font-weight: 400;
}
@media screen and (min-width: 913px) {
    .c-announcement__image {
        left: 2.4rem;
        max-width: 18rem;
        position: absolute;
        top: 2.4rem;
    }
    .c-announcement__content {
        padding-left: 22rem;
    }
}

@media screen and (max-width: 580px) {
    #global .navbar-brand {
        max-width: 270px !important;
        padding-top: 24px !important;
    }
}

// DEV: This is max-width, not min-width! This targets bootstrap's collapse selector
@media screen and (max-width: 913px) {
    #global .navbar-collapse.collapse:not(.in) {
        display: none !important;
    }
}

.u-nav-menu__navigation,
.u-nav-menu__button {
    float: right;
}

.u-nav-menu__navigation,
.u-nav-menu__button {
    float: right;
}

#global .container {
    position: relative;
}

#global .u-nav-menu__button {
    margin: 19px 19px 0 0;
}

.navbar-default .navbar-nav > li > a {
    font-size: 15px;
}

#global .navbar-brand {
    margin: 0;
    max-width: 335px;
    padding-top: 22px;
}

@media screen and (max-width: 1200px) {
    #global .u-nav-menu__button {
        margin-top: 0;
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 1;
    }
    #global .u-nav-menu__button .btn {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

.u-mobile-search {
    display: none;
    margin-top: 2.4rem;
}
.u-mobile-search input {
    margin-bottom: 2.4rem;
}

#global .search-button {
    display: none;
}

@media screen and (min-width: 980px) {
    #global .search-button {
        display: block;
    }
}

@media screen and (max-width: 913px) {
    .u-mobile-search {
        display: block;
    }
}

#global .u-nav-menu__button--external {
    position: static;
    margin: 0;
}

#global .navbar-community {
    border-bottom: 1px solid #ededed!important;
}

.c-callout{background-position:center center;background-size:cover;margin-bottom:8rem;padding:10rem 1rem;text-align:center}.c-callout__wrapper{margin:0 auto;max-width:83rem}.c-callout__content,.c-callout__heading{font-weight:400}.c-callout__heading{display:block;font-size:3.4rem;line-height:4rem;margin-bottom:2rem}.c-callout__content{margin:0 auto;max-width:60rem}.c-callout__content p{font-size:1.8rem;line-height:1.5}.c-callout__cta{background-color:#fa6323;border-radius:6px;color:#FFF;display:inline-block;font-size:1.5rem;line-height:1.4;margin-top:5.4rem;padding:1.6rem 2.5rem}.c-two-up{background:#E6EEF2;margin-bottom:8rem;padding:3.8rem 5rem;text-align:center}.c-two-up__block{margin-bottom:4rem}.c-two-up__content,.c-two-up__heading{margin-bottom:2.5rem}.c-two-up__heading{display:block;font-size:2.4rem;line-height:1.1}.c-two-up__content p{font-size:1.5rem;font-weight:400;line-height:1.35}@media screen and (min-width:768px){.c-two-up__block{display:inline-block;margin:0 auto;max-width:45rem;width:50%}.c-two-up__block:first-child{padding-right:5rem}.c-two-up__block:last-child{padding-left:5rem}}.c-callout+.c-two-up{margin-top:-8rem}.c-announcement{background-color:#E7E6E6;margin:0 auto 4rem;max-width:80rem;min-height:16.8rem;padding:2.4rem;position:relative}.c-announcement__image{margin-bottom:2rem}.c-announcement__content{text-align:left}.c-announcement__heading{display:block;font-size:2.4rem;margin-bottom:1.6rem}.c-announcement__text{font-size:1.6rem;font-weight:400}@media screen and (min-width:768px){.c-announcement__image{left:2.4rem;max-width:18rem;position:absolute;top:2.4rem}.c-announcement__content{padding-left:22rem}}