@import url("https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i|Open+Sans:300,300i,400,400i,700,700i,800,800i");

.extra {
    font-family: "Open Sans", sans-serif;
    font-weight: 900
}

.bold {
    font-family: "Open Sans", sans-serif;
    font-weight: 700
}

.regular {
    font-family: "Open Sans", sans-serif;
    font-weight: 400
}

.light {
    font-family: "Open Sans", sans-serif;
    font-weight: 300
}

.bold-serif {
    font-family: "Merriweather", serif;
    font-weight: 700
}

.regular-serif {
    font-family: "Merriweather", serif;
    font-weight: 400
}

.light-serif {
    font-family: "Merriweather", serif;
    font-weight: 300
}

*, *::after, *::before {
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.boxing {
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bw {
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale")
}

@media only screen and (min-width: 1300px) {
    body {
        background: #eaeaea
    }

    .super-wrapper {
        width: 1300px;
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }

    .wrap-slideshow a.pop-cta {
        font-size: 18px
    }
}

@media only screen and (max-width: 991px) {
    .eAndnBtn a {
        float: unset !important;
        text-align: center;
        margin: 25px auto;
        display: block !important;
        margin-right: 10px !important;
        width: 300px !important;
    }
    .phone-left {
        text-align: center !important;
        width: 100%;
    }
    .wrap-phone .phone-right{
        display: none;
    }
    .wrap-slideshow p {
        font-size: 24px;
        line-height: 30px
    }

    .wrap-slideshow a.pop-cta {
        font-size: 14px
    }

    .owl-controls {
        bottom: 10px
    }

    .owl-dots .owl-dot {
        width: 10px;
        height: 10px
    }

    .blog .postBlock, .archive .postBlock, .search .postBlock {
        float: none
    }

    .blog article h1.entry-title, .archive article h1.entry-title, .search article h1.entry-title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px
    }

    .blog .postBlock .imgBlock, .archive .postBlock .imgBlock {
        height: 200px
    }

    footer#site-footer .logo-at a {
        width: 30%
    }

    footer .col-md-3 {
        margin-bottom: 30px
    }

    footer .col-md-6 .col-md-6:first-child ul {
        margin-bottom: 0
    }

    footer#site-footer ul.menu li, footer#site-footer ul.menu li:not(:first-child) {
        border-top: 0;
        border-bottom: 1px solid #00a2c9
    }

    #sidebar .widget_search .form-control {
        width: 100%;
        float: none
    }

    #sidebar .input-group {
        width: 100%
    }

    #sidebar .input-group-btn {
        width: 20%
    }

    #sidebar .input-group-btn button.btn.btn-default {
        width: 100%
    }

    .home .buckets .bucket-content {
        width: 100%
    }

    .buckets .bucket-content p {
        font-size: 14px;
        line-height: 18px
    }

    .buckets.columns .bucket-content strong {
        font-size: 24px;
        line-height: 24px
    }

    .more-content h2 {
        margin-top: 20px
    }

    #set-apart {
        margin-bottom: 30px
    }

    #sidebar .wrap-sidebar {
        position: relative
    }

    a#showMenu.pop-cta {
        display: none
    }

    .home .wrap-cta, .page .wrap-cta {
        width: 100%;
        text-align: center;
        padding: 20px 15px;
        background: #eaeaea;
        margin-bottom: 0px;
        border-radius: 0;
        box-shadow: 0 0 0 transparent;
        -webkit-box-shadow: 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 transparent;
        -o-box-shadow: 0 0 0 transparent
    }
}

@media only screen and (max-width: 767px) {
    .eAndnBtn a {
        float: unset !important;
        text-align: center;
        margin: 25px auto;
        display: inline-block !important;
        margin-right: 0 !important
    }
    .phone-left {
        text-align: center !important;
        width: 100%;
    }
    .wrap-phone .phone-right{
        display: none;
    }
    h1 {
        font-size: 24px;
        line-height: 30px
    }

    h1 b, h1 strong {
        font-size: 18px;
        line-height: 18px
    }

    .wrap-branding .brand-logo, .wrap-branding .brand-extra {
        display: block;
        width: 100%
    }

    .brand-extra {
        padding-right: 0
    }

    .brand-extra .top-menu, .brand-extra .wrap-phone {
        text-align: center
    }

    .brand-extra .top-menu {
        padding-bottom: 0
    }

    .brand-extra .top-menu ul li {
        line-height: 14px
    }

    .wrap-branding .brand-logo {
        text-align: center
    }

    .wrap-branding .brand-logo a {
        float: none
    }

    .wrap-phone {
        padding-right: 0;
        margin-top: 0px;
        text-align: center;
        padding-bottom: 10px
    }

    .wrap-phone p, .wrap-phone a {
        font-size: 24px
    }

    ul.social li a {
        font-size: 20px
    }

    .wrap-cta .close {
        display: none
    }

    .wrap-slideshow .wrap-cta {
        position: relative;
        top: auto;
        left: auto;
        transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        transition: transform 0.5s;
        height: auto;
        z-index: 10;
        display: block;
        float: left;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .wrap-slideshow {
        background: #fff
    }

    .wrap-slideshow .item img {
        padding-left: 0
    }

    .wrap-slideshow .top {
        margin-bottom: 0;
        width: 100%;
        padding: 0
    }

    .wrap-slideshow h1 {
        font-size: 36px;
        line-height: 36px;
        text-align: center
    }

    .wrap-slideshow .top {
        position: relative;
        top: auto;
        transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0)
    }

    .wrap-slideshow .caption p {
        text-align: center;
        text-shadow: none;
        color: #036 !important;
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 0
    }

    .wrap-slideshow h1 + p {
        margin-top: 10px
    }

    .wrap-slideshow .owl-carousel {
        clear: both
    }

    .wrap-slideshow a.pop-cta {
        display: none
    }

    .wrap-slideshow .caption, .home .wrap-slideshow .caption {
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0);
        z-index: 0;
        text-align: left;
        width: 100%;
        padding: 20px
    }

    .wrap-slideshow .item.add-layer:before, .wrap-slideshow .item.add-layer:after {
        display: none
    }

    .owl-controls {
        display: none
    }

    .wrap-buckets {
        margin-bottom: 30px
    }

    .buckets .bucket {
        display: block;
        width: 100%
    }

    .buckets .bucket:not(:last-child) {
        border-bottom: 1px solid #fff;
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .buckets.columns .bucket-content strong {
        font-size: 36px;
        line-height: 36px
    }

    .buckets .bucket:before {
        display: none
    }

    .home .wrap-buckets:after {
        bottom: -30px;
        width: 80px;
        height: 80px;
        border-radius: 100%;
        line-height: 80px
    }

    .more-content .row-title .cell-img {
        display: block;
        width: 100%
    }

    .more-content .row-title .cell-title {
        display: block;
        width: 100%;
        padding: 15px 0
    }

    .navbar-collapse {
        padding: 0
    }

    .navbar-nav {
        margin: 0px
    }

    .navbar-default .navbar-nav > li:nth-child(1) {
        width: 100%;
        display: block
    }

    .navbar-default .navbar-nav > li:nth-child(2) {
        width: 100%;
        display: block
    }

    .navbar-default .navbar-nav > li:nth-child(3) {
        width: 100%;
        display: block
    }

    .navbar-default .navbar-nav > li:nth-child(4) {
        width: 100%;
        display: block
    }

    .navbar-default .navbar-nav > li:nth-child(5) {
        width: 100%;
        display: block
    }

    .navbar-default .navbar-nav > li:nth-child(6) {
        width: 100%;
        display: block
    }

    .navbar-default .navbar-nav > li:nth-child(7) {
        width: 100%;
        display: block
    }

    .navbar-default .navbar-nav > li:nth-child(8) {
        width: 100%;
        display: block
    }

    .navbar-default .navbar-nav > li > a {
        text-align: left;
        padding-right: 10px;
        padding-left: 10px;
        border-bottom: 0;
        color: #666;
        background: none
    }

    .navbar-default .navbar-nav > li > a:hover {
        border-radius: 0;
        border-bottom: 0;
        color: #00a2c9;
        background: none
    }

    .navbar-default .navbar-nav > li, .navbar-default .navbar-nav > li:first-child {
        border-bottom: 1px solid #00a2c9;
        margin: 0;
        width: 100%;
        color: #666;
        background: none
    }

    .item-active, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .current-page-parent > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        border-bottom: 0;
        color: #00a2c9;
        background: none
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 10px
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .current-page-parent > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        border-radius: 0;
        border-bottom: 0
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background: none;
        color: #00a2c9
    }

    .wrap-cta .mod {
        width: 100%
    }

    .wrap-cta .inline-fields .input-col, .wrap-cta .inline-fields .input-col:first-child {
        width: 100%;
        margin-right: 0
    }

    .wrap-cta .btn-submit {
        width: 100%
    }

    .wrap-main-content {
        padding-bottom: 10px
    }

    #claim-box .cell-img {
        width: 100%;
        display: block;
        background-position: center top !important
    }

    #claim-box .cell-content {
        display: block;
        width: 100%;
        padding: 20px
    }

    .wrap-news h3 {
        padding: 40px 0;
        display: block
    }

    .wrap-news ul {
        display: block
    }

    .wrap-news ul li {
        display: block;
        width: 100%;
        border-left: 0
    }

    .wrap-news ul li .cell-img, .wrap-news ul li .cell-content {
        width: 100%;
        display: block;
        padding: 0
    }

    .wrap-news ul li .cell-img img, .wrap-news ul li .cell-content img {
        width: 100%;
        height: auto
    }

    .team .member {
        border-bottom: 1px solid #f63;
        margin-bottom: 20px;
        padding-bottom: 20px;
        width: 100%
    }

    .team .member .title {
        display: block;
        width: 100%;
        padding-right: 0;
        border-right: 0
    }

    .team .member .bio {
        display: block;
        width: 100%;
        padding-left: 0;
        margin-bottom: 0
    }

    .team .member .bio p {
        margin-bottom: 5px
    }

    .table-partners .col {
        padding: 5px
    }

    .testimonial {
        border-bottom: 1px dotted #eaeaea;
        padding: 20px 0
    }

    .testimonial .wrap-company {
        width: 100%;
        text-align: left;
        display: block;
        border-right: 0;
        border-bottom: 1px solid #f63;
        padding-right: 0;
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .testimonial .wrap-company p.author, .testimonial .wrap-company p.company {
        text-align: left
    }

    .testimonial .wrap-info {
        display: block;
        padding-left: 0;
        width: 100%
    }

    .table-content .cell-content {
        display: block;
        width: 100%
    }

    .table-content .cell-content hr {
        border-width: 1px
    }

    .table-content.info .cell-content:nth-child(1) {
        text-align: center;
        width: 100%;
        border-right: 0;
        display: block;
        margin-bottom: 20px;
        padding: 30px
    }

    .table-content.info .cell-content:nth-child(1) img {
        margin: 0 auto
    }

    .table-content.info {
        border-bottom: 1px dotted #00a2c9;
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    #main-content .table-content:nth-child(5) .cell-content, #main-content .table-content:nth-child(8) .cell-content {
        margin-bottom: 20px
    }

    #main-content .more-content .title-more-content .title-img {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
        display: block;
        width: 100%;
        height: 250px
    }

    #main-content .more-content .title-more-content .title {
        border-top-right-radius: 0;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        display: block;
        width: 100%;
        padding: 20px 15px
    }

    .main-blog {
        margin: 0
    }

    .single .entry-content img {
        margin: 0;
        margin-bottom: 20px
    }

    .blog article h1.entry-title, .archive article h1.entry-title, .search article h1.entry-title {
        font-size: 24px;
        line-height: 30px
    }

    .blog .postBlock, .archive .postBlock, .search .postBlock {
        width: 100%;
        padding: 0
    }

    .blog .postBlock .contentBlock .contentPost, .archive .postBlock .contentBlock .contentPost, .search .postBlock .contentBlock .contentPost {
        width: 100%
    }

    footer#site-footer .col-md-3 {
        margin-bottom: 30px
    }

    footer#site-footer .col-md-6 .row .col-md-6:first-child ul {
        margin-bottom: 0
    }

    footer#site-footer .col-md-6 .row .col-md-6:first-child ul li:last-child {
        border-bottom: 1px solid #00a2c9
    }

    .entry-content div.entry-meta {
        margin-top: 10px
    }

    .single .entry-content img {
        width: 100%;
        max-width: 100%;
        margin-left: 0
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 0 100px;
        display: block;
        text-align: center
    }

    .table > thead > tr > th img, .table > tbody > tr > th img, .table > tfoot > tr > th img, .table > thead > tr > td img, .table > tbody > tr > td img, .table > tfoot > tr > td img {
        margin: 0 auto
    }

    footer#site-footer .logo-at a {
        width: 50%
    }

    .pagination-center .col-sm-6:first-child {
        margin-bottom: 10px
    }
}