.p-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.hidden {
    display: none !important;
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    overflow-x: hidden;
}
img {
    vertical-align: middle;
    max-width: 100%;
}
ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin: 0;
}
a:focus-visible {
    outline: 2px solid #FFBA0C;
    outline-offset: 2px;
}
a:hover {
    text-decoration: none;
    color: #008898;
    outline: none;
}
h3, .h3 {
    font-size: 24px;
}
.clearfix {
    clear: both;
}
.nav-level-menu {
    cursor: pointer;
    display: block;
    background: #00B4CA;
    color: #ffffff;
    border-radius: 5px;
    border-top-left-radius:0;
    border-top-right-radius:0;
    text-decoration: none;
    line-height: 30px;
    padding: 0 10px;
    margin-left: 15px;
    text-transform: none;
    font-family: "Roboto Medium",sans-serif;
    position: absolute;
    z-index: 99;
    left: -48px;
    top: 0;
    margin-top: 35px;
    transform: rotate(-90deg);
}
.nav-level-menu:hover {
    background: #FFBC0E;
    text-decoration: none;
    opacity: 1;
}
.nav-level-menu.active {
    opacity: 1;
    background: #FFBC0E;
}
header.header .nav-dashboard a {
    position: relative;
    top: 3px;
    display: inline-block;
    height: 18px;
    width: 18px;
    background: url('/wp-content/themes/digitalmainstreet/assets/images/icons/dashboard-icon.png') no-repeat;
    background-size: cover;
}
header.header .nav-sing-out a {
    position: relative;
    top: 3px;
    display: inline-block;
    height: 18px;
    width: 20px;
    background: url('/wp-content/themes/digitalmainstreet/assets/images/icons/sing-out-icon.png') no-repeat;
    background-size: cover;
    margin-left: 12px;
}
header.header {
    width: 100%;
    padding: 10px 0;
    position: relative;
    z-index: 999;
    transition: all ease 0.3s;
    background: #092C30;
}
.header.header_landing.sticky {
    width: 100%;
    background: #092C30;
    z-index: 500;
}
.header.header_news.sticky {
    position: fixed;
    width: 100%;
    background: #092C30;
    left: inherit;
    right: inherit;
    margin: inherit;
}
.sticky {
    position: fixed;
    display: block;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
header.sticky-off {
    display: none;
}
@media (min-width: 1200px) {
    .landing .container {
        width: 1200px;
        max-width: 100%;
    }
    .container {
        width: 1170px;
        max-width: 100%;
    }
}
header .logo {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}
.toggle_mnu {
    position: relative;
    cursor: pointer;
    width: 20px;
    height: 40px;
    border: none;
    outline: none;
    background: transparent;
}
.toggle_mnu span {
    display: block;
}
.sandwich {
    width: 18px;
    height: 28px;
    position: absolute;
    top: 14px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 200;
}
.sw-topper {
    position: relative;
    top: 0;
    width: 18px;
    height: 3px;
    background: #fff;
    border: none;
    border-radius: 4px 4px 4px 4px;
    -webkit-transition: -webkit-all 0.2s;
    transition: all ease 0.2s;
    display: block;
}
.sw-bottom {
    position: relative;
    width: 18px;
    height: 3px;
    top: 2.6px;
    background: #fff;
    border: none;
    border-radius: 4px 4px 4px 4px;
    -webkit-transition: -webkit-all ease 0.2s;
    transition:  all ease 0.2s;
}
.sw-footer {
    position: relative;
    width: 18px;
    height: 3px;
    top: 5.5px;
    background: #fff;
    border: none;
    border-radius: 4px 4px 4px 4px;
    -webkit-transition:  -webkit-all ease 0.2s;
    transition:  all ease 0.2s;
}
.sandwich.active .sw-topper {
    top: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sandwich.active .sw-bottom {
    top: 4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sandwich.active .sw-footer {
    opacity: 0;
    top: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.header {
    width: 100%;
    height: 80px;
    display: block;
    position: relative;
    z-index: 500;
    background-color: #062C30;
}
.header .navbarheader {
    margin-top: 10px;
}
.header.header_landing {
    background: transparent;
    box-shadow: none;
    position: absolute;
    top: 0;
}
section.banner-bg:before {
    content: "";
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    transition: all ease 1s;
    background: -moz-linear-gradient(top,  rgba(9,44,48,1) 0%, rgba(9,44,48,1) 30%, rgba(9,44,48,0.5) 69%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(9,44,48,1) 0%,rgba(9,44,48,1) 30%,rgba(9,44,48,0.5) 69%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(9, 44, 48, 1) 0%, rgba(9, 44, 48, 1) 30%, rgba(9, 44, 48, 0.5) 69%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#092c30', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
section#hero.banner-bg:before {
    height: 600px;
    background: -moz-linear-gradient(top,  rgba(9,44,48,1) 0%, rgba(9,44,48,1) 20%, rgba(9,44,48,0.5) 85%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(9,44,48,1) 0%,rgba(9,44,48,1) 20%,rgba(9,44,48,0.5) 85%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(9, 44, 48, 1) 0%, rgba(9, 44, 48, 1) 20%, rgba(9, 44, 48, 0.5) 85%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.news section.banner-bg:before {
    height: 412px;
}
section.banner-bg .container {
    position: relative;
    z-index: 3;
}
.header.header_landing .navbar-search {
    width: 65%;
    max-width: 65%;
    margin-left: 10%;
}
.header.header_landing .header .navbarheader {
    margin-top: 0;
}
.header-menu ul li.current-menu-item a,
.header-menu ul li a:hover {
    color: #FFBB0D;
}
.header .logo-wrapper {
    top: -10px;
}
.header .menu-wrapper {
    margin-top: 0px;
}
.header .navbar-brand img {
    height: 73px;
    width: auto;
    position: relative;
}
@media screen and (min-width:1200px) {
    .wrapper-logo {
        margin-right: -5%;
    }
    .header_landing .wrapper-logo {
        margin-right: 0;
    }
}
@media screen and (max-width:768px) {
    .mobile-menu {
        display: none;
    }
}
.header.sticky {
    position: fixed;
}
.header-menu {
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
header .guest-wrapper {
    margin-top: 0px;
}
header .header-menu ul.primary-menu > li {
    margin-left: 15px;
}
header .header-menu ul.primary-menu > li:nth-of-type(1) {
    margin-left: 0;
}
header .header-menu ul.primary-menu > li.menu-item-has-children:hover > a {
    background: #041618;
    color: #FFBA0C;
}
header .header-menu ul.primary-menu > li.menu-item-has-children > a {
    padding-right: 25px;
}
header .header-menu ul.primary-menu > li.menu-item-has-children > a:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #ffba0c transparent transparent transparent;
}
header .header-menu ul.primary-menu > li:hover > ul.sub-menu, header .header-menu ul.primary-menu > li:focus-within > ul.sub-menu {
    opacity: 1;
    visibility: visible;
}
header .header-menu ul.primary-menu > li > ul.sub-menu > li:hover > ul.sub-menu, header .header-menu ul.primary-menu > li > ul.sub-menu > li:focus-within > ul.sub-menu {
    opacity: 1;
    visibility: visible;
}
header .header-menu ul li {
    text-align: left;
    display: inline-block;
}
header .header-menu ul li a {
    font-family: 'Roboto-Regular','Georgia', serif;
    color: #fff;
    display: block;
    line-height: 28px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    text-decoration: none;
    padding: 5px 15px;
}
header .header-menu ul li {
    position: relative;
}
header .header-menu ul li ul.sub-menu {
    position: absolute;
    top: 100%;
    min-width: 100%;
    background: #041618;
    margin: 0;
    opacity: 0;
    padding: 10px 0;
    visibility: hidden;
    z-index: 999;
}
header .header-menu ul li ul.sub-menu li ul.sub-menu {
    left: 100%;
    top: -10px;
}
header .header-menu ul li ul.sub-menu li {
    display: block;
    margin: 0;
    padding: 0;
    min-width: 150px;
}
header .header-menu ul li ul.sub-menu li a {
    color: #fff;
    padding: 8px 15px;
    line-height: 1;
    font-size: 14px;
    text-transform: none;
    white-space: nowrap;
}
header .header-menu ul li ul.sub-menu li a:hover {
    color: #FFBB0D;
}
.top-menu {
    position: relative;
    display: block;
    margin-left: 0;
    overflow: visible;
}
.menu-btn {
    outline: none;
    display: none;
    overflow: hidden;
}
.menu-btn:focus,
button.toggle_mnu:focus {
    outline: none;
}
.navbar-brand {
    display: inline-block;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.navbar-brand img {
    height: 50px;
    max-width: 50px;
    width: auto;
    margin-top: -5px;
}
.header .navbar-brand img {
    max-width: initial;
}
.navbar-search {
    display: block;
}
.navbar-search form {
    position: relative;
    top: 5px;
}
.navbar-search form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
    font-style: italic;
}
.navbar-search form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    font-style: italic;
}
.navbar-search form input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
    font-style: italic;
}
.navbar-search form input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
    font-style: italic;
}
.navbar-search .icon {
    position: absolute;
    right: 0;
    top: -3px;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    padding: 0;
}
.navbar-search input[type="text"] {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    line-height: 15px;
    width: 100%;
    margin-top: 0;
    border-radius: 0;
    height: 30px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #FFBB0D;
    padding: 6px 35px 6px 10px;
    border-bottom: 2px solid #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.navbar-search input[type="text"]:hover,
.navbar-search input[type="text"]:focus {
    color: #FFBB0D;
    outline: none;
    border: none;
    border-bottom: 2px solid #FFBB0D;
    font-style: normal;
}
.header.header_landing .top-menu { position: relative; top: 0; }
.guest {
    display: block;
    float: right;
    margin-left: 0;
}
.guest ul li {
    display: inline-block;
    vertical-align: top;
    color: #FFBA0C;
    font-size: 15px;
    line-height: 28px;
    padding: 5px 0;
}
.guest ul li a {
    position: relative;
    display: block;
    padding: 0 5px;
    line-height: 28px;
    font-size: 14px;
    color: #FFBA0C;
    text-decoration: underline;
    text-transform: uppercase;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.guest ul li:hover {
    text-decoration: none;
}
.guest ul li a:hover {
    text-decoration: underline;
}
header.header li.nav-sing-out { padding-right: 10px; }
footer.footer {
    font-size: 14px;
    background-color: #000;
    font-family: 'Roboto-light', 'Georgia', serif;
    line-height: 60px;
    color: #fff;
}
footer.footer .footerContact {
    text-decoration: underline;
    cursor: pointer;
}
footer.footer .footerCompanies {
    text-align: center;
}
footer.footer .footerCompanies a {
    padding: 0 20px;
}
footer.footer .copy{
    text-align: right;
}
#footerMenu {
    width: 100%;
    padding: 1em 0 6em;
    background-color: #092c30;
}
#footerMenu .footer-menu ul li {
    text-align: center;
    display: inline-block;
    padding: 7px 15px;
}
#footerMenu .footer-menu ul {
    text-align: center;
}
#footerMenu .footer-menu ul li a {
    font-family: 'Roboto-Regular','Georgia', serif;
    color: #fff;
    display: block;
    padding: 0 2px;
    line-height: 18px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    border-bottom: 1px dotted #006666;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
/*Modal*/
.modal {
    z-index:1100;
}
.modal-dialog {
    background-color: #eaf3f3;
    min-height:400px;
}
.modal-small .modal-dialog {
    min-height: auto;
}
@media screen and (min-width:1024px) {
    .modal-dialog {
        width:860px;
    }
}
.modal.fade.in  {
    opacity: 1.0;
}
.modal-backdrop.fade.in {
    opacity: 0.7;
}
.modal-header {
    padding: 12px 0 11px;
    border-bottom: none !important;
    background: #092c30;
    display: block;
}
.modal-small .modal-header {
    padding: 0;
    height: 40px;
}
.modal-header .close {
    cursor: pointer;
    color:#fff;
    float: right;
    font-size: 21px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
    background-color:#092c30;
    height: 75px;
    width: 75px;
    text-indent: -9999px;
    opacity: 1;
}
.modal-small .modal-header .close {
    height: 30px;
    width: 30px;
    padding: 20px;
}
.modal-header .close:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/close-btn.png);
    background-position: center center;
    transition: all ease 0.3s;
}
.modal-small .modal-header .close:after {
    background-size: 20px;
}
.modal-footer {
    clear:both;
    border-top: none !important;
}
.modal-body {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 18px;
    line-height: 26px;
    padding: 40px;
}
.modal-small .modal-body {
    font-size: 16px;
    line-height: 20px;
    padding: 30px 20px;
}
.modal-small .modal-body a {
    color: #292b2c;
    text-decoration: underline;
}
.modal-small .modal-body a:hover {
    text-decoration: none;
}
h2.modal-title {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 28px;
    line-height:32px;
    color:#092c30;
}
h4.modal-title-bePart {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 32px;
    line-height: 1.6 ;
    color: #fff;
    text-align: left;
    margin:0;
    height: 52px;
    padding-left: 25px;
}
#modal-SignUpB {
    padding:0 60px 0 50px;
    border-right: solid 1px #000;
}
#modal-SignUpV {
    padding:0 35px 0 60px;
}
.modal-content-completeActivation #modal-SignUpB {
    padding:0;
    border-right: none;
    text-align:center;
}
@media screen and (max-width: 1023px) {
    #modal-SignUpB {
        padding:0 40px 0 30px;
    }
    #modal-SignUpV {
        padding:0 25px 0 40px;
    }
}
@media screen and (max-width: 767px) {
    #modal-SignUpB {
        border-right: none;
    }
}
#modal-SignUpB h3, #modal-SignUpV h3 {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 24px;
    line-height: 1.3;
    color: #092c30;
}
#modal-SignUpB p, #modal-SignUpV p {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 18px;
    line-height: 1.3;
    color: #000;
    margin:35px 0 30px 0;
}
#modal-SignUpB .btn-yellow, #modal-SignUpV .btn-yellow {
    padding:12px 10px;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 18px;
    color: #ffffff;
}
.modal-body h3 {
    font-size: 24px;
    margin-top: 25px;
    margin-bottom: 10px;
}
.modal-body input
{
    width:80%;
}
.modal-body .form-group
{
    width:90%;
    padding-bottom:15px;
}
.modal-footer {
    text-align:center;
}
.modal-footer #loginSubmit{
    max-width:140px;
    padding:15px 20px;
    text-align: center;
}
a#forgotPassword {
    color:#092c30;
    font-size:15px;
    line-height:34px;
    text-decoration:underline;
    margin-top:13px;
}
#pageResetPassword label {
    text-align: left;
}
#pageResetPassword p {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size:15px;
    line-height:1.3;
}
#pageResetPassword .resetPassInputs {
    margin-bottom:25px;
}
#pageForgotPassword, #pageResetPassword {
    padding-bottom:200px;
}
#pageForgotPassword h1, #pageResetPassword h1{
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 32px;
    line-height: 1.3;
    color: #092c30;
}
#pageForgotPassword .form-group.forgot-password {
    padding-top:25px;
}
#pageForgotPassword .btn-green, #pageResetPassword .btn-green {
    margin-bottom:25px;
}
.modal-body input, #contactModal .modal-body input{
    width:100%;
}
#modal-SignUpB .btn-yellow, #modal-SignUpV .btn-yellow {
    padding: 12px 10px;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 18px;
    color: #000;
}
.col-xs-12 { width: 100%; }
.col-xs-9 { width: 75%; }
.col-xs-3 { width: 25%; }
.modal-open .header_landing {
    padding-right: 16px;
}
@media screen and (min-width:1024px) {
    .modal-contact-thanks {
        margin:50px 0;
    }
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(9, 44, 48, 0.7);
}
.modal-dialog {
    background-color: #eaf3f3;
    min-height:400px;
}
#contactModal .modal-body {
    width: 80%;
    margin: 0 auto;
}
@media screen and (min-width:768px) {
    .modal-dialog {
        width:510px;
    }
}
@media screen and (min-width:1024px) {
    .modal-dialog {
        width:960px;
    }
    #contactModal .modal-dialog {
        width:640px;
    }
}
.modal-content-Review .form-error {
    clear:both;
}
.modal-content-Review .modal-body h3 {
    padding-left:0px;
}
@media screen and (min-width: 1024px) {
    #vendorWriteReviewModal .modal-dialog {
        width: 640px;
    }
    #vendorReviewModal .modal-dialog {
        width: 640px;
    }
}
.modal-content-Review .modal-body h3 {
    padding-left: 0;
}
#modalrateYoAverageRating {
    float: left;
    margin-right: 20px;
}
#vendorProductModal .modal-body,
#vendorConnectModal .modal-body {
    padding-bottom:0px;
    width:82%;
    margin:0 auto;
}
#vendorProductModal .modal-body input,
#vendorConnectModal .modal-body input{
    width:100%;
}
#vendorProductModal .modal-dialog,
#vendorConnectModal .modal-dialog {
    background-color: #eaf3f3;
    min-height:480px;
}
@media screen and (min-width:768px) {
    #vendorProductModal .modal-dialog,
    #vendorConnectModal .modal-dialog,
    #contactModal .modal-dialog {
        width:510px;
    }
}
@media screen and (min-width:1024px) {
    #vendorProductModal .modal-dialog,
    #vendorConnectModal .modal-dialog,
    #contactModal .modal-dialog {
        width:650px;
    }
}
@media screen and (min-width:1024px) {
    .modal-contact-thanks {
        margin:50px 0 0;
    }
}
.modal-body .send-copy {
    padding-left: 20px;
}
.modal-body .send-copy .radio {
    line-height: 8px;
}
#vendorReviewModal .modal-content-Review {
    padding: 0;
    text-align: center;
    overflow: hidden;
}
#vendorReviewModal .modal-content-Review h3 {
    font-size: 22px;
}
#encourageReviewBtns {
    padding: 25px 0 0 0;
}
#reviewDontAsk {
    padding-top: 25px;
    text-align: center;
}
#reviewDontAsk input[type='checkbox'] {
    height: 18px;
    width: 18px;
    position: relative;
    top: 2px;
}
#encourageReviewBtns div {
    text-align: center;
}
#reviewDontAsk input[type='checkbox'] {
    height: 18px;
    width: 18px;
    position: relative;
    top: 2px;
}
#reviewDontAsk a, #reviewDontAsk a:active, #reviewDontAsk a:hover, #reviewDontAsk a:focus, #reviewDontAsk a:visited {
    color: #00b5ca !important;
    text-decoration: underline !important;
}
#vendorSearchHolder {
    text-align: center;
    padding-top: 25px;
    overflow: hidden;
}
#vendorSearchHolder #vendor-search input {
    border: solid 1px #008998;
    border-radius: 4px 0 0 4px;
}
#reviewSearchVendor #vendor-search {
    width: 88%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 20px;
    overflow: hidden;
    max-width: 435px;
}
#vendor-search input {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 18px;
    line-height: 40px;
    float: left;
    width: 85%;
    border-radius: 0;
    height: 40px;
    background-color: #FFF;
    border: none;
    outline: none;
    color: #008998;
}
#vendor-search input:active, #vendor-search input:focus {
    background-color: rgba(255, 255, 255, 0.9);
    color: #008998;
}
@media screen and (min-width: 1025px) {
    #vendor-search #magnifier {
        width: 10%;
    }
    #vendor-search #magnifier {
        float: right;
        width: 15%;
        height: 40px;
        background-color: #008998;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
        border-radius: 0 4px 4px 0;
    }
}
/* Buttons */
.btn.focus {
    box-shadow: none;
}
.btn-link {
    color:#fff;
}
.btn-transparent, .btn-blue, .btn-yellow, .btn-green, .btn-back {
    background: none;
    border: 2px solid #000;
    color:#000;
    text-align: center;
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-transform: uppercase;
    font-size:1.2em;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-weight: normal;
    padding:20px;
    cursor: pointer;
}
.btn-green,
.btn-green:focus,
.btn-green:visited {
    color: #fff;
}
.btn-transparent:hover,
.btn-transparent:visited,
.btn-transparent:focus,
.btn-yellow:hover,
.btn-yellow:visited,
.btn-yellow:focus,
.btn-green:hover,
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:visited {
    color:#000;
}
.btn-yellow-dark:active,
.btn-yellow-dark:focus,
.btn-yellow-dark:hover {
    color: #062C30;
}
.btn-transparent:active, .btn-yellow:active, .btn-green:active, .btn-blue:active, .btn-back {
    box-shadow: none;
    color:#fff;
}
.btn-yellow:hover, .btn-yellow:active {
    background-color:#ffc93e;
}
.btn-green:hover, .btn-green:active {
    background-color:#33cccc;
    border-color:#33cccc;
}
.btn-blue:hover, .btn-blue:active {
    background-color:#50d5d5;
    border-color:#50d5d5;
}
.btn-transparent:hover, .btn-transparent:active, .btn-back:hover, .btn-back:active {
    background-color:#fff;
    border-color:#fff;
}
.btn-back:hover, .btn-back:active {
    background-color:#33cccc;
    border-color:#33cccc;
}
.btn-yellow {
    background: #ffbc0e;
    border: solid 1px #ffbc0e;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.btn-green {
    background:  #092c30;
    border: solid 1px #092c30;
    box-shadow: 0 2px 4px #888;
}
.btn-blue {
    background: #33cccc;
    border: solid 1px #33cccc;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.btn-back {
    border: solid 1px #092c30;
    color:#092c30;
}
.btn-back:active, .btn-back:hover {
    color:#fff;
}
.btn-sm {
    font-size: 16px;
    line-height: 27px;
    display: inline-block;
    padding: 12px 32px !important;
}
.btn-yellow-dark {
    color: #062C30 !important;
    line-height: 1;
}
a.btn {
    cursor: pointer;
    line-height: 40px;
}
a.btn-back { display: inline-block; padding: 16px 28px; }
.btn-
form input[type="submit"] { padding: 16px 28px; }
@media screen and (max-width: 767px) {
    li#memberDropButtons  .btn-back:hover, li#memberDropButtons .btn-back:active {
        background-color: #092c30 !important;
    }
}
/* END Buttons */
.form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #999;
    font-family: "Roboto-Light", sans-serif;
    background-color: #F6F6F6;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #00B5CA;
    outline: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 181, 202, 0.3);
    box-shadow: 0 0 10px rgba(0, 181, 202, 0.3);
}
textarea.form-control, select.form-control {
    height: auto;
    resize: none;
}
/* --------------- LANDING PAGE ------------------*/
/* --------------- Section #hero ------------------*/
#hero {
    position: relative;
    top: 0;
    background: url(/wp-content/themes/digitalmainstreet/assets/images/landing-header-bg.jpg) no-repeat center center;
    overflow: hidden;
    background-size: cover;
    width: 100%;
    display: inline-block;
    padding-bottom: 20%;
    margin-bottom: -10px;
}
#heroSign {
    position: relative;
    top: 12em;
    margin: 0 auto;
    text-align: center;
}
h1#bricks {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 60px;
    color: #fff;
    margin-bottom: 10px;
    text-shadow: 6px 5px 0 rgba(0, 0, 0, 0.2);
    margin-top: 100px;
}
h2#coming-soon {
    font-size: 22px;
    line-height: 33px;
    color: #fff;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    padding-bottom: 30px;
}
#heroSign .btn {
    height: 60px;
    color: #000;
    width: 223px;
    font-size: 18px;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    padding: 0.5em 1em;
    margin-bottom: 1em;
}
#hero .btn {
    margin-right: 13px;
}
/* --------------- Section #support-partnership ------------------*/
.support-partnership {
    width: 100%;
    text-align: center;
    background-color: #000;
    color: #fff;
    padding: 15px 0 60px 0;
}
.support-partnership a {
    display: inline-block;
    width: 140px;
    margin: 0 10px;
}
.support-partnership a.fed-dev {
    width: 500px;
    max-width: 100%;
    margin-top: 40px;
}
.support-partnership a img {
    min-width: 100%;
}
.support-partnership h4 {
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto-Light', 'Georgia', serif;
    margin-bottom: 50px;
    margin-top: 20px;
}
svg {
    max-height: 100px;
}

/* --------------- Section #happening ------------------*/
#happening {
    background: #fff;
    padding-bottom: 4em;
    overflow: auto;
}
#happening h4 {
    font-size: 50px;
    color: #082C30;
    text-align: center;
    padding: 1em 0;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    margin: 0;
}
#happening img {
    width: 100%;
    height: auto;
}
#happening .post-holder .block .content .title {
    bottom: 25px;
    margin-bottom: 20px;
}
.rendered-tool-results .post-holder {
    margin-bottom: 40px;
}
.events-holders {
    margin-top: 40px;
}
.events-holders .post-holder .block:hover .wrapper-date {
    display: none;
}
.events-holders .post-holder .block .content .title {
    margin-bottom: 0;
}
.events-holders .post-holder .eventTitle {
    padding-top: 10px;
    color: #fff;
}
.events-holders .post-holder .block .content .title-event {
    padding: 0  15px 10px 15px;
    min-height: 113px;
    margin-bottom: 0;
    width: 100%;
    display: table;
    transition: ease all 0.5s;
}
.events-holders .post-holder .block .content {
    top: 0;
    height: 100%;
    padding: 25px 0 0 0;
    bottom: inherit;
}
.eventTitle {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 18px;
    color: #092c30;
    padding-top: 35px;
}
.booknow.active {
    display: block;
}
.booknow:focus {
    color: #171717;
}
.booknow{
    top: 40px;
    left: 40px;
    position: absolute;
    background: #ffbc0e;
    border: solid 2px #ffbc0e;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    font-family: 'Roboto-Bold', Georgia, serif;
    font-size: 22px;
    padding: 0 45px !important;
    color: #171717;
    border-radius: .25rem;
    text-transform: uppercase;
    line-height: 60px;
    transition: all ease 0.5s;
}
.courses .booknow {
    left: 20px;
    top: auto;
    bottom: 20px;
}
.booknow:hover {
    color: #171717;
    box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.4);
}
.events-holders .post-holder .block:hover .content > .title-event {
    display: none;
}
.events-holders .content .head, .post-holder .content .head {
    font-weight: bold;
    font-size: 16px;
}
.info .eventMainTitle {
    padding: 3px 0 0 0;
    margin-bottom: 0;
    width: 100%;
    display: table;
    max-width: 325px;
    line-height: 1.5;
    white-space: normal;
    transition: ease all 0.5s;
}
.info .eventMainTitle span {
    display: block;
    vertical-align: middle;
}
.info .eventMainTitle span span {
    display: initial;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 22px;
    border-bottom: 1px solid #fff;
}
.post-holder .block:hover .content .booknow {
    display: none;
}
.events-holders .post-holder .block .wrapper-date{
    padding: 0;
    min-height: 20px;
    line-height: 35px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 270px;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    bottom: initial !important;
}
.holders-tags .post-holder.event .block .content {
    top: 0;
    height: 100%;
    padding: 25px 0 0 0;
    bottom: inherit;
}
.holders-tags  .post-holder.event .block .content .title-event {
    padding: 0 15px 10px 15px;
    min-height: 113px;
    margin-bottom: 0;
    width: 100%;
    display: table;
    transition: ease all 0.5s;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
}
.holders-tags .post-holder.event .block .wrapper-date{
    min-height: 20px;
    line-height: 35px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 270px;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    bottom: initial !important;
}
.holders-tags .post-holder.event .block .content .title-event span {
    display: block;
    vertical-align: middle;
}
.holders-tags .post-holder.event .block .content .eventPreview{
    color: #fff;
}
.holders-tags .post-holder.event .block .content .title-event span span {
    display: initial;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 22px;
    border-bottom: 1px solid #fff;
}
.events-holders .post-holder .block .content .title-event span {
    display: block;
    vertical-align: middle;
}
.events-holders .post-holder .block .content .eventPreview{
    color: #fff;
}
.events-holders .post-holder .block .content .title-event span span {
    display: initial;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 22px;
    border-bottom: 1px solid #fff;
}
.post-holder {
    margin-bottom: 40px;
}
.post-holder .block {
    height: 200px;
    max-width: 350px;
    overflow: hidden;
    display: block;
    position: relative;
    background-position-x: center;;
    background-position-y: top;
    background-size: cover;
    background-repeat: no-repeat;
}
.post-holder .block iframe{
    display: none;
    height: 600px!important;
    max-width: 350px;
    overflow: hidden;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -100px;
}
.post-holder .block img{
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    max-width: 800px;
    width: 800px;
    margin-top: -100px;
    margin-left: -50%;
}
.post-holder .block.video:before {
    content: "";
    background: url("/wp-content/themes/digitalmainstreet/assets/images/icons/video-icon.png") no-repeat;
    height: 124px;
    width: 124px;
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 85px;
    margin: 0 auto;
}
.post-holder .block.video {
    background-size: 200%;
}
.post-holder .block:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.25);
}
.post-holder .block.custom:after {
    content: none;
}
.post-holder .block .content {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    color: #fff;
    background-color:transparent;
    bottom:0;
    top:0;
    padding: 0;
}
.post-holder .block:hover .content {
    height: 100%;
    bottom: 0;
    padding: 25px 15px 0 0;
    max-width: 100%;
    display: table-cell;
}
.post-holder .block:hover .content .info {
    opacity: 1;
    transform: scale(1);
}
.post-holder .block:hover .content .title {
    display: none;
}
.post-holder .block:hover .content .wrapper-date {
    display: none;
}
.post-holder .block .wrapper-dateMain {
    font-size: 16px;
}
.post-holder .block .content .info {
    padding: 22px 15px 15px;
    font-size: 16px;
    transition:  all ease 0.5s;
    position: absolute;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transform: scale(0.98);
}
.post-holder .block .content .titleMain {
    padding: 3px 0 0 0;
    width: 100%;
    display: block;
    height: initial;
    margin-bottom: 20px;
    line-height: 1.5;
    white-space: normal;
    transition: ease all 0.5s;
}
.post-holder .block .content .contentMain { white-space: normal; height: initial;  }
.post-holder .block .content .title {
    padding: 3px 10px 10px 15px;
    min-height: 80px;
    margin-bottom: 40px;
    width: 100%;
    display: table;
    transition:  none;
    position: absolute;
    bottom: 0;
    max-width: 90%;
}
.post-holder .block .content .titleMain span,
.post-holder .block .content .title span {
    display: table-cell;
    vertical-align: middle;
}
.post-holder .block .content .titleMain span span,
.post-holder .block .content .title span span {
    display: initial;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 22px;
    border-bottom: 1px solid #fff;
}
.post-holder .block .content .wrapper-date {
    font-size: 16px;
    padding-left: 15px;
    position: absolute;
    bottom: 0;
}
#happening .events-holders  {
    margin-top: 0;
}
.post-holder .blog-image {
    height: 400px;
    max-width: 100%;
    overflow: hidden;
    display: block;
    background-position: center;
    background-size: cover;
}
.post-holder .more {
    font-size: 18px;
    display: inline-block;
    line-height: 17px;
    color: #14818F;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    margin: 20px 0;
    border: none;
    text-decoration: underline;
}
.post-holder .more:hover {
    text-decoration: none;
}
.post-holder .block.video:hover .content,
.post-holder .block.video .content .title {
    background: rgba(0, 181, 202, 0.85);
}
.post-holder .content .date {
    font-size: 14px;
    padding: 5px 0 0 0;
    margin: 10px 0 0 0;
    line-height: 14px !important;
}
.post-holder .content .title {
    color: #000;
    text-decoration: underline;
    line-height: 26px;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 1.5em;
    margin-top: 10px;
    margin-bottom: 15px;
    cursor: pointer;
    display: block;
}
.post-holder .content .title:hover {
    text-decoration: none;
}
.post-holder .content .desc {

}
#happening .blueHeader {
    background: #14818F;
    color: #fff;
    width: auto;
    display: inline-block;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 1em;
    padding: .4em .9em;
    margin-bottom: 30px;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 1.42857143;
    position: relative;
}
#happening .blueHeader:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #14818F transparent transparent transparent;
}
#happening p.date {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    line-height: 2.2em;
}
#happening h2 {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    display: block;
    font-size: 1.5em;
    color: #008998;
    margin-top: -0.5em;
    line-height: 1.2em;
    margin-bottom: 15px;
    cursor: pointer;
    height: 75px;
}
#happening a.title {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 1.5em;
    margin-top: 10px;
    margin-bottom: 15px;
    cursor: pointer;
    display: block;
}
img.DMS-News-Holder {
    position: relative;
    left: -5px;
}
#holderviewHappening {
    height: auto;
    margin-top: 50px;
    width: 100%;
    text-align: center;
}
.info p {
    width:100%;
    font-family: 'Roboto-Light', 'Georgia', serif !important;
    font-size: 15px;
    line-height: 1.6;
    height:60px;
    text-overflow: ellipsis;
    overflow:hidden;
    white-space:nowrap;
    display:inline-block
}
.info.eventsContent, .info.caseStudyContent, .info.articlesContent, .info.newsContent {
    font-size:15px;
    line-height:1.3;
    font-family: 'Roboto-Regular', 'Georgia', serif;
}
@media screen and (max-width:450px) {
    .info.eventsContent, .info.caseStudyContent, .info.articlesContent, .info.newsContent {
        max-width:80%;
        margin-left: 10px;
        height:auto;
        max-height:90px;
    }
}
/* --------------- Section how-it-works ------------------*/
.how-it-works {
    position: relative;
    width: 950px;
    padding: 0 20px;
    margin: 10px auto 40px;
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto-Light', 'Georgia', serif;
    background: rgba(0,0,0,0.8);
}
.how-it-works h3 {
    text-align: center;
    padding: 30px 0;
    font-family: 'Bebas','Georgia', serif;
    color: #FFBA0C;
    word-spacing: 5px;
    text-transform: uppercase;
    font-size: 24px;
}
.how-it-works .block {
    min-height: 200px;
    padding-top: 90px;
}
.how-it-works .block p{
    padding: 0;
    line-height: 21px;
    max-width: 270px;
    margin: 0 auto;
    position: relative;
}
.how-it-works .col-md-4:nth-child(3) {
    font-size: 15px;
}
.how-it-works .block .icon-image {
    height: 172px;
    width: 172px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}
.how-it-works .block.one .icon-image:after {
    content: " ";
    display: block;
    height: 36px;
    width: 133px;
    right: -106px;
    bottom: 0;
    position: absolute;
    background: url("/wp-content/themes/digitalmainstreet/assets/images/how-works/icon-bot.png") no-repeat;
}
.how-it-works .block.two .icon-image:after {
    content: " ";
    display: block;
    height: 36px;
    width: 133px;
    position: absolute;
    right: -129px;
    top: 0;
    background: url("/wp-content/themes/digitalmainstreet/assets/images/how-works/icon-top.png") no-repeat;
}
.how-it-works .block.one .icon-image  {
    background: url("/wp-content/themes/digitalmainstreet/assets/images/how-works/icon-1.png") no-repeat;
}
.how-it-works  .block.two .icon-image {
    background: url("/wp-content/themes/digitalmainstreet/assets/images/how-works/icon-2.png") no-repeat;
}
.how-it-works  .block.three .icon-image {
    background: url("/wp-content/themes/digitalmainstreet/assets/images/how-works/icon-3.png") no-repeat;
}
.how-it-works:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: rgba(0,0,0,0.8);
    border-width: 15px;
    margin-left: -21px;
}
.learn-more {
    font-size: 18px;
    color: #fff;
    line-height: 33px;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    text-transform: uppercase;
    text-decoration: underline;
    margin-top: 20px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.learn-more:hover {
    color: #FFBA0C;
    text-decoration: underline;
}
/* --------------- Section #landingOffer ------------------*/
#landingOffer {
    width: 100%;
    background: #00818d;
    color: #fff;
    padding-bottom: 2em;
}
#landingOffer .benefitsBlocks {
    margin-bottom: 80px;
}
#landingOffer h1 {
    text-align: center;
    padding: 30px 0 0 0;
    font-size: 42px;
    line-height: 1.2;
    font-family: 'Roboto-Bold', 'Georgia', serif;
}
#landingOffer h2 {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    padding: 0.75em 0;
    font-size: 22px;
    line-height: 33px;
}
#landingOffer .row {
    padding-bottom: 80px;
}
#landingOffer p {
    width: 90%;
    font-size: 15px;
    line-height: 1.6;
}
/* --------------- Section #vendors ------------------*/
#vendors {
    width: 100%;
}
#vendors h4 {
    color: #092c30;
    text-align: center;
    font-size: 42px;
    margin-top: 56px;
    font-family: 'Roboto-Bold', 'Georgia', serif;
}
#vendors h5 {
    margin: 0 auto  0.75em;
    max-width: 70%;
    color: #444;
    text-align: center;
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto-Light', 'Georgia', serif;
}
#vendors .row .col-md-3:nth-child(3) img {
    max-width: 70%;
}
button.viewHappening {
    clear: both;
    width: auto;
    margin: 0 auto;
    font-size: 1.25em;
    position: relative;
    top: 2em;
}
#vendors div {
    text-align: center;
    margin-bottom: 25px;
}
#vendors div a img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#vendors .gotoVendorScroll {
    text-align: center;
    margin: 0 auto;
}
#vendors button#vendor-view-more {
    margin: 40px auto;
    padding: 20px 42px;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 18px;
    color: #ffffff;
}
#turnstyle img {
    max-width: 70%;
}
.tri-landingVendor {
    clear: both;
    display: block;
    margin: auto;
    width: 110px;
    position: relative;
    top: 1px;
}
/* --------------- Section #landingVendor ------------------*/
#landingVendor {
    background: #ffad00;
    width: 55%;
    clear: both;
    color: #000;
    text-align: center;
    padding: 1em 0em;
    margin: 0 auto;
    margin-bottom: 4em;
}
#landingVendor h1 {
    margin-bottom: 0.4em;
    font-size: 32px;
    line-height: 1.3;
}
#landingVendor h4, #landingVendor h5 {
    width: 60%;
    margin: 1em auto;
    font-size: 32px;
    line-height: 1.3;
    font-family: 'Roboto-Bold', 'Georgia', serif;
}
#landingVendor h5 {
    margin-top: .2em;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 22px;
    line-height: 1.5;
    padding-bottom: 30px;
}
#moreInfoBtns {
    line-height: 6em;
    padding-bottom: 30px;
    margin: 0 auto;
}
#moreInfoBtns .btn {
    text-align: center;
    font-size: 18px;
    line-height: 19px;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    width: 200px;
    padding: 25px 0 25px 0;
    margin: 0 10px;
}
/* --------------- Section #moreFeatures ------------------*/
#moreFeatures {
    position: relative;
    background: url(/wp-content/themes/digitalmainstreet/assets/images/DMSP-More-Features_dark.png) center center;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 14%;
    padding-bottom: 10%;
}
#moreFeatures h4 {
    color: #fff;
    margin: 0 auto;
    font-size: 42px;
    line-height: 1.2;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    text-align: center;
}
#moreFeatures h5 {
    width: 70%;
    margin: 20px auto 0;
    color: #fff;
    font-size: 22px;
    line-height: 33px;
    text-align: center;
    font-family: 'Roboto-Light', 'Georgia', serif;
}
#moreFeatures .row .col-md-4 img {
    height: 75px;
    width: auto;
    margin-bottom: 25px;
}
#moreFeatures a.btn {
    font-family: 'Roboto-Regular', Georgia, serif;
    font-size: 16px;
    text-transform: none;
    padding: 5px 20px;
    color: #fff;
    border: solid 2px #fff;
    background: transparent;
}
#moreFeatures a.btn:hover {
    background: #ffbc0e;
    border: solid 2px #ffbc0e;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    color: #000;
}
#moreFeatures a.btn:focus {
    outline: 2px solid #FFBA0C;
    outline-offset: 2px;
}
#moreFeatures p {
    color: #fff;
    font-family: 'Roboto-Light', Georgia, serif;
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 20px;
    text-align: left;
    min-height: 200px;
}
#moreFeatures p.intro {
    width: 100%;
    text-align: center;
    min-height: inherit;
}
.moreFeatures-block {
    width: 75%;
    margin: 0 auto;
}
#moreFeatures img {
    margin-top: 40px;
}
#btmCTA {
    background: #092c30;
    text-align: center;
    color: #fff;
    padding-bottom:0;
}
#btmCTA img {
    padding: 1.6em 0;
    max-width: 180px;
}
#btmCTA h1 {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 28px;
    line-height: 1.3;
}
#btmCTA p {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 5px;
}
#btmCTA .btn {
    font-size: 22px;
    margin: 25px auto 25px;
    line-height: 18px;
    padding: 25px 88px;
}
#mce-EMAIL-error {
    left: 0;
    right: 0;
}
.no-charge.hide {
    display: none;
}
.subscribe-block #mce-EMAIL-error {
    bottom: -48px;
}
#subscribe {
    width: 100%;
    padding: 1em 0 6em;
    background-color: #092c30;
}
#subscribe form {
    position: relative;
}
#mailChimpSignUp .form label.error {
    margin-top: 4px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: red;
    position: absolute;
    bottom: -34px;
    left: 0;
    right: 0;
    visibility: hidden;
}
#subscribe h2 {
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto-Light', 'Georgia', serif;
    margin-bottom: 50px;
}
#subscribe #mailChimpSignUp .form label {
    color: #fff;
    font-size: 20px;
    line-height: 33px;
    margin-bottom: 20px;
    font-family: 'Roboto-Light', 'Georgia', serif !important;
    font-weight: normal;
}
#subscribe #mailChimpSignUp .form {
    margin-bottom: 20px;
    display: inline-block;
}
#subscribe #mailChimpSignUp .mc-fields {
    position: relative;
    max-width: 340px;
    display: inline-block;
}
#subscribe #mailChimpSignUp .mc-btn {
    position: absolute;
    width: 30px;
    text-align: center;
    cursor: pointer;
    border: none;
    background: transparent;
    color: #FFBC0E;
    font-size: 30px;
    line-height: 40px;
    display: block;
    padding: 0;
    right: 10px;
    bottom: 0;
}
#subscribe #mailChimpSignUp .form .form-group label {
    display: block;
    position: absolute;
    pointer-events: none;
    font-size: 15px;
    left: 10px;
    top: 3px;
    z-index: 2;
    transition: all ease 0.2s;
}
#subscribe #mailChimpSignUp .form input.field {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    line-height: 15px;
    width: 100%;
    margin-top: 0;
    border-radius: 0;
    height: 40px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #fff;
    padding: 6px 35px 6px 10px;
    border-bottom: 2px solid #FFBC0E;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#subscribe #mailChimpSignUp .form input.field::placeholder {
    color: #092c30;
}
#subscribe #mailChimpSignUp .form input.field:focus + label,
#subscribe #mailChimpSignUp .form input.field:not(:placeholder-shown):not(:valid) + label,
#subscribe #mailChimpSignUp .form input.field:valid + label {
    top: -15px;
    font-size: 12px;
    color: #FFBC0E;
}
#subscribe #mailChimpSignUp .form .clear {
    display: inline-block;
}
#subscribe #mailChimpSignUp .btn-yellow {
    font-size: 14px;
    line-height: 22px;
    padding: 4px 10px;
}
#subscribe #mailChimpSignUp form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}
#subscribe #mailChimpSignUp form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}
#subscribe #mailChimpSignUp form input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}
#subscribe #mailChimpSignUp form input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}
#subscribe .cont-ready { /*padding-left: 200px; padding-bottom: 50px;*/ }
#subscribe .cont-ready h4 { color:#FFF; font-size: 20px; line-height: 33px; margin-bottom: 20px; font-family: 'Roboto-Light', 'Georgia', serif !important; font-weight: normal; }
#subscribe .cont-ready #btmCTA-sign-up { width: 270px; font-size: 22px; height: 70px; }
#subscribe .cont-ready #btmCTA-sign-up:focus-visible {
    outline: 2px solid #FFBA0C;
    outline-offset: 4px;
}
#subscribe .cont-or { color: #FFF; font-size: 20px; text-align: center; }
#subscribe .cont-or p { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; }
#subscribe .socialIcons { margin-top: 40px; }
#subscribe .socialIcons a { display: inline-block; }
/* --------------- Section #moreFeatures ------------------*/
#partnership {
    background-color: #092c30;
    display: block;
    clear: both;
    text-align: center;
    color: #fff;
    padding: 10px 0 45px 0;
}
#partnership h2 {
    font-size: 22px;
    line-height: 33px;
    font-family: 'Roboto-Light', 'Georgia', serif;
    margin-bottom: 50px;
}
#partnership .partnerlogos {
    padding: 1em 0;
}
#partnership .partner {
    text-align: center;
}
#tabia-partner img {
    width: 135px;
    height: auto;
}
#kinetic-partner img{
    width: 150px;
    height: auto;
}
#toronto-partner img {
    width: 150px;
    height: auto;
    margin-top: -15px;
}
/* --------------- VENDOR PAGE ------------------*/
.vendorContainer {
    margin-bottom: -150px;
}
.vendorContainer .gmnoprint{
    bottom: 200px !important;
}
.vendorHeader h1 {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    color: #092c30;
    font-size: 42px;
    line-height: 52px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
h2.featVendorsLeft {
    text-align: left;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    color: #092c30;
    font-size: 32px;
    line-height: 1.6;
    margin-bottom: 25px;
}
.vendorHeader h2.featVendorsLeft {
    text-align: left;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    color: #092c30;
    font-size: 32px;
    line-height: 1.6;
    margin: 0;
}
.vendor-letter:first-child {
    border: none;
}
.vendor-letter {
    display: block;
    clear: both;
    font-size: 32px;
    line-height: 43px;
    border-top: 1px solid #ccc;
    margin-top: 0;
    text-align: left;
    padding: 30px 0 0 0;
}
.letter-block {
    position: relative;
    background: #007585;
    height: 50px;
    width: 50px;
    left: 15px;
    line-height: 50px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #fff;
    text-align: center;
    font-family: 'Roboto-Regular', 'Georgia', serif;
}
.top-letter-menu {
    background: #092C30;
    width: 100%;
    margin: 60px auto 40px;
    padding: 6px 25px;
    text-align: center;
}
.top-letter-menu li {
    display: inline-block;
    padding: 5px 6px 5px 7px;
}
.top-letter-menu li .letter-top-block:hover {
    color: #999999;
}
.top-letter-menu li .letter-top-block {
    line-height: 22px;
    pointer-events: none;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 0 1px;
    border-bottom: 1px solid transparent;
    color: #999999;
    text-decoration: none;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}
.top-letter-menu li .letter-top-block.active {
    color: #5FD0DE;
    border-bottom: 1px solid #5FD0DE;
    cursor: pointer;
    pointer-events: all;
}
.top-letter-menu li .letter-top-block.active.on,
.top-letter-menu li .letter-top-block.active:hover,
.top-letter-menu li .letter-top-block.active:focus{
    color: #fff;
    border: none;
    z-index: 2;
}
.top-letter-menu li .letter-top-block.active.on::before,
.top-letter-menu li .letter-top-block.active:hover::before,
.top-letter-menu li .letter-top-block.active:focus::before {
    content: "";
    background: url("/wp-content/themes/digitalmainstreet/assets/images/icons/arrow-letter.png") no-repeat;
    height: 62px;
    width: 36px;
    display: block;
    position: absolute;
    left: -9px;
    z-index: -1;
    top: -14px;
    margin: 0 auto;
}
.filter {
    margin: 0 auto 40px;
    text-align: left;
}
.post-category .filter {

}
.filter-loader {
    position: absolute;
    background: #ffffff;
    width: 100%;
    display: block;
    height: 112px;
    padding: 36px;
    text-align: center;
    z-index: 10;
    transition: all ease 1s;
    visibility: visible;
    opacity: 1;
}
.filter-loader.off {
    visibility: hidden;
    opacity: 0;
}
.filter-loader img {
    position: relative;
    z-index: 2;
}
.filter .selectize-dropdown .active {
    background: #5FD0DE;
}
.filter label {
    line-height: 37px;
    font-family: 'Roboto-Regular','Georgia', serif;
    font-weight: normal;
    font-size: 16px;
    white-space: nowrap;
}
.filter .btn {
    text-transform: none;
    background: #007585;
    color: #fff;
    border: none;
    box-shadow: none;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    width: 100%;
    padding: 0;
    line-height: 37px;
    display: block;
    margin: 20px auto 0;
    max-width: 250px;
}
.events-search-box .filter { margin-bottom: 20px; }
.selectize-input, .selectize-control.single .selectize-input.input-active,
.selectize-input.full {
    background-color: #F6F6F6;
}
.table-filter .selectize-input input {
    font-style: italic;
}
.selectize-input.full.focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.selectize-input {
    padding: 10px 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.filter .selectize-input {
    background-color: #F6F6F6;
    padding: 10px 8px;
    box-shadow: none;
    border-radius: 0;
}
.filter .selectize-control.single .selectize-input,
.filter .selectize-control.single .selectize-input input {
    color: #00B4CA;
    padding-right: 20px;
    white-space: nowrap;
}
.filter .selectize-control.single .selectize-input input::placeholder {
    color: #000;
}
a.scrollToTop:hover {
    background: rgba(95, 208, 222, 1);
    text-decoration:none;
}
a.scrollToTop i {
    transform: rotate(-45deg);
}
a.scrollToTop{
    z-index: 999;
    position: fixed;
    width:40px;
    height:40px;
    padding:0px;
    line-height: 40px;
    text-align:center;
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    text-decoration: none;
    bottom: 90px;
    right: 35px;
    background: rgba(95, 208, 222, 0.4);
    display:none;
    background-size: cover;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    transform: rotate(45deg);
}
.vendor-list {
    margin-top: 30px;
}
.vendor-list.featured-vendor-list {
    padding-left: inherit;
    margin-top: 0;
}
.vendor-list.featured-vendor-list .block-list {
    display: inline-block;
    width: 100%;
    height: 150px;
    max-width: 250px;
    padding: 20px;
    border: none;
    border-radius: 0;
    text-align: center;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
}
.product-list .block-list,
.vendor-list .block-list {
    display: inline-block;
    height: 250px;
    width: 100%;
    max-width: 250px;
    padding: 20px;
    border: 1px solid #D5D5D5;
    border-radius: 15px;
    text-align: center;
    margin:0 auto 30px;
    position: relative;
    cursor: pointer;
}
.vendor-list .vendorList-logoHolder {
    height: 90px;
    line-height: 90px;
}
.vendor-list .block-list img {
    max-width: 170px;
    max-height: 80px;
}
.vendor-list .block-list .country, .vendor-list .block-list .province, .vendor-list .block-list .city, .vendor-list .block-list .sublevels {
    visibility: hidden;
}
.block-list {
    overflow: hidden;
}
.block-list:focus-visible { outline: none; }
.block-list:hover .rollover, .block-list:focus .rollover, .block-list:focus-within .rollover {
    background-color: #007585;
    opacity: 1;
}
.block-list .rollover {
    background-color: rgba(9, 44, 48, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: 10;
    border-radius: 15px;
    padding: 9px 14px;
    text-align: left;
    color: #ffffff;
    text-decoration: none;
    bottom: 0;
    top: 0;
    right: 0;
}
.block-list .rollover > a {
    text-align: left;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-decoration: none;
    display: block;
    color: #FFF;
    min-height: 38px;
}
.block-list .rollover > a:hover {
    text-decoration: underline;
}
.block-list .rollover p {
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: 'Roboto-Regular','Georgia', serif;
    font-size: 14px;
    color: #ffffff;
    min-height: 106px;
    text-decoration: none;
}
.block-list .tags {
    height: 42px;
    overflow: hidden;
}
.block-list .rollover-tags {
    height: 42px;
    overflow: hidden;
    text-align: center;
}
.block-list .rollover-tags a {
    font-family: 'Roboto','Georgia', serif;
    font-size: 13px;
    padding: 0 5px;
    color: #FFF;
    text-decoration: underline;
}
.block-list .rollover-tags span {
    font-family: 'Roboto-Light','Georgia', serif;
    font-size: 13px;
    padding: 0 5px;
    color: #5FD0DE;
}
.block-list .tags span {
    font-family: 'Roboto','Georgia', serif;
    font-size: 13px;
    padding: 0 5px;
    color: #214044;
    text-decoration: underline;
}
.popoverCoName {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 18px;
    color: #007585;
    margin-top: 20px;
    height: 60px;
    overflow: hidden;
}
.popover-content h2 {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-decoration: none;
    display: block;
    color: #5FD0DE;
}
.popover-content a p {
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: 'Roboto-Regular','Georgia', serif;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
}
.popover-content a {
    color: #ffffff;
    text-decoration: underline;
}
.popover-content a:hover {
    text-decoration: none;
}
.popover.bs-tether-element-attached-left::before, .popover.popover-right::before,
.popover.bs-tether-element-attached-left::after, .popover.popover-right::after {
    display: none;
}
.popover.bs-tether-element-attached-left, .popover.popover-right {
    margin-left: 0;
}
.hide {
    display: none;
}
.popover {
    font-size: 1em;
    color: #fff;
    background-color: rgba(9, 44, 48, 0.9);
    max-width: 250px;
    width: 250px;
    height: 250px;
    border-radius: 15px;
}
.popover.bs-tether-element-attached-top::after, .popover.popover-bottom::after {
    display: none;
    border-bottom-color: rgba(9, 44, 48, 0.8);
}
.popover.bs-tether-element-attached-top::before, .popover.popover-bottom::before {
    display: none;
}
/* --------------- VENDOR PROFILE ------------------*/
#vendorLogo {
    background-color: #fff;
    border-radius: 100px;
    overflow: hidden;
    width: 200px;
    height: 200px;
    line-height: 190px;
    text-align: center;
    border: solid 1px #092c30;
    margin: 0 auto;
}
#vendorHeaderName {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 42px;
    color: #092c30;
    line-height: 50px;
    margin: 25px 0 0 -10px;
}
#sidebarVendorProfile a.disable {
    opacity: 0.08;
    cursor: default;
}
#sidebarVendorProfile .btn-green {
    color: #fff;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    width: 190px;
}
.navMainVendor {
    border-bottom: solid 1px #808080;
    text-align: left;
    margin-top: -20px;
    padding: 1em 0;
}
.navMainVendor a, .navMainVendor a:visited, .navMainVendor a:active, .navMainVendor a:focus, .navMainVendor a:hover {
    color: #008998;
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 22px;
}
#sidebarVendorProfile h3 {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 18px;
    color: #092c30;
    margin-top: 60px;
    margin-bottom: 10px;
    padding: 20px 0 8px 0;
    clear: both;
}
#sidebarVendorProfile a.disable {
    opacity: 0.08;
    cursor: default;
}
#sidebarVendorProfile a.disable:hover {
    opacity: 0.08;
    background: #092c30;
    border-color: transparent;
}
#sidebarVendorProfile a {
    color: #00b5ca;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 18px;
    width: 150px;
    cursor: pointer;
}
ul#vendorSocialMedia li {
    width: 60px;
    padding-bottom: 15px;
    float: left;
    text-align: left;
}
#vendorFacebook {
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/vendor/social/icon-facebook.png');
    background-size: cover;
    height:24px;
    width:24px;
}
#vendorInstagram {
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/vendor/social/icon-instagram.png');
    background-size: cover;
    height:24px;
    width:24px;
}
#vendorTwitter {
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/vendor/social/icon-twitter.png');
    background-size: cover;
    height:24px;
    width:24px;
}
#vendorLinkedIn {
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/vendor/social/icon-linkedin.png');
    background-size: cover;
    height: 24px;
    width: 24px;
}
#vendorPinterest {
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/vendor/social/icon-pinterest.png');
    background-size: cover;
    height:24px;
    width:24px;
}
#mainVendorProfile h1 {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 32px;
    color: #092c30;
    margin-top: 50px;
    margin-bottom: 10px;
}
#mainVendorProfile h2 {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 22px;
    line-height: 1.5;
    color: #092c30;
}
.rowHeader {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 18px;
    color: #092c30;
}
.wrapper .row {
    padding: 1em 0;
}
.rowTextCopy {
    font-family: 'Roboto-Light' , 'Georgia', serif;
    font-size: 16px;
    color: #092c30;
}
.vendorBoxFeature {
    position: relative;
    background-color: #092c30;
    padding: 20px;
    height: 420px;
    width: 100%;
    color: #fff;
    margin-bottom: 35px;
}
.triangle {
    border-bottom: 100px solid #ffad00;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    float: left;
    margin-left: -100px;
    position: relative;
    top: -22px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.vendorBoxFeature .triangle{
    border-bottom: 60px solid #ffad00;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    float:left;
    margin-top: -7px;
    margin-left: -60px;
}
.triangle > span {
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    position: absolute;
    right: -55px;
    top: 50px;
    text-align: center;
}
.vendorBoxText {
    clear: both;
    display: block;
    height: auto;
}
.vendorBoxFeature .triangle > span {
    font-size:12px;
    right: -34px;
    top: 25px;
    line-height: 14px;
}
.vendorBoxFeature .dealText {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 36px;
    color: #50e3c2;
    text-align:right;
    margin-top: -14px;
    height: 51px;
}
.vendorBoxText h3 {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 22px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.vendorBoxText p {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    line-height: 24px;
    height: 100px;
    overflow: hidden;
}
.learnMoreVendorDeal {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
    margin: 0 auto;
    text-align: center;
}
.learnMoreVendorDeal .btn-transparent {
    padding: 18px 25px;
    font-size: 15px;
}
.ratingBarRow {
    margin-bottom: 8px;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 13px;
    color: #4a4a4a;
}
.ratingBar {
    border: solid 1px #c0c0c0;
    float: right;
    height: 12px;
    width: 114px;
    margin-top: 5px;
    position: relative;
    left: -48px;
}
.ratingBarNum {
    float: right;
    width: 30px;
    position: relative;
    left: 110px;
    top: 4px;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 13px;
    color: #00b5ca;
}
.reviewStarNum {
    font-size: 65px;
    line-height: 1;
    color: #FFBB0D;
    font-family: 'BebasNeueBold', sans-serif;
}
#reviewBasedOn {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    line-height: 1.6;
    color: #4a4a4a;
}
.ratingsbased,
.ratingsNum {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    color: #00b5ca;
}
.btn-group > .btn:first-child {
    margin-left: 0;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle {
    color: #00b5ca;
    background-color: transparent;
    background-image: none;
    border-color: transparent;
}
/* --------------- NEWS Two column------------------*/
#templateLeft {
    padding-top: 60px;
}
#templateRight {
    padding-top: 60px;
    padding-bottom: 170px;
}
#templateRight.news {
    background-color: #fff;
    padding-right: 0;
    padding-left: 0;
}
.news article {
    padding-top: 60px;
}
h1.newsTitle {
    font-family: 'Roboto-Bold','Georgia', serif;
    font-size: 32px;
    line-height: 1.3;
    color: #092c30;
    margin-top: 0;
}
h2.newsItemHeader {
    font-family: 'Roboto-Bold','Georgia', serif;
    font-size: 32px;
    line-height: 1.3;
    color: #00818d;
    margin-top: 50px;
    margin-bottom: 15px;
    width: 100%;
}
.itemNewsStory {
    border-bottom: solid 2px #d8d8d8;
    padding-bottom: 50px;
    width: 95%;
    clear: both;
    margin-bottom: 20px;
}
.itemAuthor, .itemDate, .itemOriginal {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 15px;
    line-height: 1.6;
    color: #4a4a4a;
}
.itemAuthor .author-img img {
    max-height: 30px;
    max-width: 200px;
    width: auto;
    margin: 0 5px;
}
.itemAuthor .author-name {
    color: #008998;
}
.post-tags-wrapper {
    margin-top: 20px;
    border-top: 1px dotted #000;
}
.newsitemBody {
    margin: 30px 0 10px 0;
    position: relative;
    width: 100%;
    padding-bottom: 0;
}
.newsitemBody p {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 15px;
    line-height: 1.6;
    color: #4a4a4a;
}
.newsitemBody p a{
    color: #00b5ca;
    text-decoration: underline;
}
.newsitemBody .editCopy {
    font-size: 14px;
    margin: 0 0 10px;
}
.itemBody a.itemLearn,
.newsItemLearn {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 18px;
    color: #00b5ca;
    position: relative;
    display: block;
    width: 100%;
    text-align: right;
}
.newsItemLearn:hover {
    color: #00b5ca;
}
.itemImg img {
    width: 100%;
}
.itemImg {
    margin-bottom: 50px;
    overflow: hidden;
    transition: all ease 0.5s;
}
.newsitemTags {
    width: 100%;
    overflow: hidden;
}
.tagIntro {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 13px;
    line-height: 1.8;
    color: #4a4a4a;
    margin-bottom: 20px;
}
.tagElement {
    border-radius: 3px;
    border: solid 1px #00818d;
    padding: 8px;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 13px;
    color: #008998;
    margin: 0 10px 5px 0;
    cursor: pointer;
    float: left;
}
.tagElement:hover {
    color: #008998;
}
.prevPostBtnHolder {
    text-align: left;
}
.nextPostBtnHolder {
    text-align: right;
}
#postPagination {
    margin-top: 40px;
    margin-bottom: 0;
    height: 100px;
    display: block;
    overflow: hidden;
}
.nextPostBtnHolder a, .prevPostBtnHolder a {
    padding: 15px 50px;
    line-height: 1.2;
    font-size: 1.05em;
}
.news .recentBox {
    padding-left: 60px;
    padding-right: 60px;
}
.templateRightHeader {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 18px;
    line-height: 1.2;
    color: #092c30;
    margin-bottom: 40px;
}
a.itemBlueBox:focus {
    color: #ffffff;
}
.itemBlueBox a{
    text-transform: uppercase;
    padding: 4px 12px;
    display: inline-block;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 13px;
    background-color: #00b5ca;
    color: #ffffff;
    cursor: pointer;
}
.itemBlueBox a:hover {
    text-decoration: none;
}
.templateRightSecHeader  {
    margin: 15px 0;
    padding-right: 10px;
}
.templateRightSecHeader  {
    display: block;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 22px;
    line-height: 1.3;
    color: #008898;
    cursor: pointer;
}
.templateRightSecHeader:hover {
    color: #008898;
    text-decoration: none;
}
.templateRightPublishedDate {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 18px;
    line-height: 1.3;
    color: #808080;
    padding-bottom: 10px;
}
.templateRightLine {
    border-bottom: solid 1px #979797;
    margin: 40px 0 45px 0;
}
.archivesBox {
    background-color: #e8f4f3;
    margin-top: 40px;
    padding: 60px;
}
ul.archives_categories li {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 18px;
    line-height: 1.8;
    color: #00b5ca;
    list-style-type: none;
    position: relative;
}
ul.archives_categories a,
ul.archives_categories a:active,
ul.archives_categories a:hover,
ul.archives_categories a:focus,
ul.archives_categories a:visited {
    color: #00b5ca;
}
.templateRightLine {
    border-bottom: solid 1px #979797;
    margin: 40px 0 45px 0;
}
.archives_categories_Header {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 18px;
    color: #092c30;
}
.templateRightSignUp .vendorBoxFeature {
    height: inherit;
}
.templateRightSignUp .vendorBoxFeature .vendorBoxinner {
    padding: 60px 80px;
}
.templateRightSignUp .vendorBoxFeature .triangle > span {
    right: -19px;
}
.templateRightSignUp .sideBePartLogo {
    margin: 0 0 60px 0;
    text-align: center;
}
.sideBePart {
    font-family: 'Roboto-Light','Georgia', serif;
    font-size: 24px;
    line-height: 1.3;
    color: #ffffff;
    text-align: center;
}
ul.ideBePartBenefits {
    text-align: left;
    color: #ffffff;
    margin-left: -5px;
    margin-top: 20px;
}
ul.sideBePartBenefits li {
    font-family: 'Roboto-Bold','Georgia', serif;
    font-size: 18px;
    line-height: 1.3;
    margin: 30px 0;
    list-style-type: disc;
}
.btn-yellow.sideSignUpBtn {
    padding: 20px;
    width: 100%;
    margin: 0 auto;
    display: block;
    line-height: 1.2em;
}
.itemBlueBox {
    padding: 4px 12px;
    display: inline-block;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 13px;
    background-color: #00b5ca;
    color: #ffffff;
    cursor: pointer;
    display: none;
}
.itemBlueBox:hover {
    color: #fff;
}
h1.itemHeader {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 52px;
    color: #008998;
    margin-top: 35px;
    margin-bottom: 10px;
    line-height: 1.1;
}
.itemAuthDate, .newsitemAuthDate {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 16px;
    line-height: 1.5;
    color: #4a4a4a;
    margin: 15px 0 25px 0;
}
.socialShare a, .eventSocialShare a {
    color: #00b5ca !important;
    font-size: 18px;
    padding: 0 4px;
}
h2.itemSecHeader {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 22px;
    line-height: 1.5;
    color: #092c30;
    margin-bottom: 30px;
}
.itemBody img {
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 20px;
}
.itemBody p, .itemBody p span {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    line-height: 1.6;
    color: #4a4a4a;
    background-color: #fff;
}
.itemBody h2,
.itemBody h3,
.itemBody h4 {
    font-family: 'Roboto-Bold', 'Georgia', serif !important;
    font-size: 18px;
    color: #092c30;
    margin: 45px 0 15px 0;
}
.itemBody a,
.itemBody p a span,
.itemBody a span{
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 15px;
    line-height: 1.6;
    color: #00b5ca;
    text-decoration: underline;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
/* --------------- TOOLS------------------*/
.caseHolder h2,
.toolsHolder h2 {
    font-family: 'Bebas','Georgia', serif;
    word-spacing: 5px;
    font-size: 30px;
    margin: 45px 0 15px 0;
    color: #062C30;
    text-align: center;
}
.mainHeader .vendor-title {
    color: #007585;
}
.vendor-intro {
    color: #092c30;
    font-family: 'Roboto','Georgia', serif;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    margin: 0 auto 20px;
    max-width: 900px;
}
.container .vendor-intro p {
    margin-bottom: 20px;
}
h3.header-popular-search {
    font-size: 14px;
    color: #9b9b9b;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
.holder-popular-search {
    text-align: center;
}
ul.tags-list {
    padding: 0;
    margin: 20px auto 30px;
}
ul.tags-list li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}
ul.tags-list li a {
    font-family: 'Roboto-Regular','Georgia', serif;
    color: #ffbc0e;
    font-size: 13px;
    font-weight: normal;
    background: #062C30;
    padding: 8px 20px !important;
    border-radius: 5px;
    margin: 5px;
    display: inline-block;
    transition: all ease 0.5s;
    text-decoration: none;
}
ul.tags-list li a.active,
ul.tags-list li a:hover {
    background: #FFBC0E;
    color: #062C30;
}
ul.tags-list li a:focus {
    background: #FFBC0E;
    color: #062C30;
    outline: 2px #062C30;
    outline-style: dashed;
    outline-offset: -2px;
}
h2.header-tool-search-results {
    color: #000;
}
.empty {
    font-family: 'Bebas','Georgia', serif;
    word-spacing: 5px;
    font-size: 30px;
    margin: 45px 0 15px 0;
    color: #FFBB0D;
    text-align: center;
}
.rendered-tool-results {
    margin-bottom: 150px;
}
.tool-results-block .tool-href-title {
    min-height: 60px;
    text-align: left;
    font-family: 'Roboto-Bold','Georgia', serif;
    font-size: 18px;
    margin: 10px 0 0 0;
    color: #008998;
    display: block;
}
.tool-results-block .tool-href {
    color: #00818D;
    font-size: 14px;
    line-height: 1.4;
}
.tool-results-block .tool-main-image {
    width: 100%;
    margin-bottom: 15px;
}
.tool-results-block .tool-image-holder {
    display: block;
    height: 270px;
    max-width: 100%;
    overflow: hidden;
    line-height: 270px;
    vertical-align: middle;
}
.tool-results-block .tool-image-holder iframe {
    max-width: 100%;
    max-height: 270px;
    vertical-align: middle;
}
.tool-results-block .holder-tools-overview {
    height: 98px;
    overflow: hidden;
    margin: 0 auto;
    font-family: 'Roboto-Regular','Georgia', serif;
    font-size: 14px;
    line-height: 1.4;
}
.tool-results-block .tools-brought {
    width: 100%;
    text-align: right;
    margin: 5px 0 45px 0;
}
.tool-results-block .tools-brought span {
    font-size: 11px;
    color: #999;
    font-style: italic;
    text-align: right;
    line-height: 1.4;
}
.tool-results-block .tools-brought p {
    font-family: 'Roboto-Regular','Georgia', serif;
    font-size: 13px;
    line-height: 1.1;
}
.itemTitle {
    margin-top: 20px;
}
.itemVideo {
    margin-bottom: 50px;
}
.itemVideo iframe {
    height: 450px;
    width: 100%;
}
/* --------------- PRODUCT------------------*/
/*sidebar section deal*/
.sideDealInfo {
    width: 65%;
    margin: 0 auto;
    padding-bottom: 50px;
}
.sideDealInfo .row { position: relative; }
.sideDealInfo .side-vendor-logo {
    display: inline-block;
    background-color: #fff;
    height: 60px;
    width: 60px;
    margin-right: 15px;
    border-radius: 30px;
    line-height: 55px;
    border: solid 1px #00818d;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}
.sideDealInfo .side-vendor-logo img {
    height: auto;
    width: 90%;
}
.sideDealInfo .side-vendor-coName {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 21px;
    line-height: 1.45;
    color: #092c30;
    padding-bottom: 25px;
}
.sideDealInfo .side-vendor-coPara {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    line-height: 24px;
    color: #4a4a4a;
    padding-bottom: 25px;
    padding-top: 15px;
    margin: 0 auto;
    display: block;
}
.sideDealInfo .vendor-products-popup { background-color: rgba(9, 44, 48, 0.9); position: absolute; z-index: 1; top: 100%; left: 0; width: 100%; border-radius: 15px; padding: 14px; display: none; }
.sideDealInfo .vendor-products-popup { background-color: rgba(9, 44, 48, 0.9); position: absolute; z-index: 1; top: 100%; left: 0; width: 100%; border-radius: 15px; padding: 14px; display: none; }
.sideDealInfo .vendor-products-popup h4 { font-size: 18px; }
.sideDealInfo .vendor-products-popup .products:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: rgba(9, 44, 48, 0.9); border-top: 0; margin-left: -10px; margin-top: -10px; }
.sideDealInfo .vendor-products-popup .products a { color: #5FD0DE; display: block; text-decoration: underline; margin: 10px 0; }
.sideDealInfo .vendor-products-popup .products a:hover { text-decoration: none; }
.sidebar-feature .vendorBoxinner {
    width: 73%;
    margin: 0 auto;
}
.sidebar-feature .vendorBoxFeature {
    height: auto;
    padding-bottom: 150px;
}
.sidebar-feature .couponDiscount {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 36px;
    line-height: 40px;
    color: #50e3c2;
    padding: 10px 0 30px 0;
    text-align: left;
    min-height: 75px;
}
.sidebar-feature .couponCode .code {
    display: table-cell;
    vertical-align: middle;
}
.sidebar-feature .couponCode {
    padding-left: 10px;
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 24px;
    line-height: 40px;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
    border: dashed 1px #fff;
    margin: 10px auto;
    text-align: left;
    clear: both;
    display: table;
}
.sidebar-feature .couponInstr {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 14px;
    line-height: 1;
    color: #000;
    text-align: center;
    font-style: italic;
    position: absolute;
    bottom: -15px;
    text-transform: none;
    display: block;
    width: 100%;
    left: 0;
}
.sidebar-feature .btnGotoDeal{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    text-align: center;
}
.sidebar-feature .btnGotoDeal .btn-yellow {
    font-size: 16px;
    line-height: 18px;
    padding: 20px 50px;
    text-transform: uppercase;
    margin: 0 auto;
    display: inline-block;
}
.sidebar-feature .btnGotoDeal .btn-yellow.disable {
    opacity: 0;
    cursor: default;
}
.sidebar-feature .btnGotoDeal .btn-yellow.disable:hover {
    background: #ffbc0e;
    border: solid 1px #ffbc0e;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.itemTitle {
    font-family: 'Roboto-Bold','Georgia', serif;
    font-size: 32px;
    line-height: 1.3;
    color: #092c30;
    margin-top: 0;
    margin-bottom: 20px;
}
.itemHeader {
    font-family: 'Roboto-Bold','Georgia', serif;
    font-size: 32px;
    line-height: 1.3;
    color: #00818d;
    margin-top: 50px;
    margin-bottom: 15px;
}
.itemSecHeader {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 22px;
    line-height: 1.5;
    color: #092c30;
    margin-bottom: 30px;
}
.itemOverview {
    margin-bottom: 50px;
    margin-top: 20px;
}
.itemBody {
    position: relative;
    /*overflow: hidden;*/
}
.itemBody blockquote {
    border: none;
    padding: 20px 0;
    border-top: 2px solid #DDD;
    border-bottom: 2px solid #DDD;
    position: relative;
    margin-bottom: 40px;
    font-style: italic;
}
.itemBody blockquote:after {
    content: url('assets/images/quote-arr.png');
    position: absolute;
    width: 29px;
    height: 29px;
    bottom: -36px;
    left: 20px;
    display: table;
    clear: both;
}
.itemBody blockquote p {
    font-family: 'Roboto-Regular','Georgia', serif;
    color: #008998;
    font-size: 1.1875rem;
    line-height: 1.4736842105;
}
.itemBody blockquote a {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #008998;
}
.itemBody blockquote a:hover {
    text-decoration: none;
}
.itemStory {
    border-bottom: solid 2px #d8d8d8;
    padding-bottom: 10px;
    width: 95%;
    clear: both;
    margin-bottom: 20px;
}
.itemOverview p, .itemOverview ul {
    font-family: 'Roboto-Light', 'Georgia', serif !important;
    font-size: 15px;
    line-height: 1.6;
    color: #4a4a4a;
}
.itemOverview ul { padding: 0 0 25px 40px; margin: 0 0 10px 0; }
.itemOverview ul li { list-style-type: disc; }
.eventPreview {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    line-height: 1.6;
    color: #4a4a4a;
}
.itemBody a.itemLearn {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 18px;
    color: #00b5ca;
    position: absolute;
    right: 10px;
    bottom: 0;
    text-decoration: none;
}
.eventDescription {
    margin-bottom: 50px;
}
.itemBody ul {
    margin-bottom: 1rem;
}
.itemBody ul, .itemBody  li {
    list-style: disc;
    margin-left: 20px;
}
.eventPreviewText {
    margin-top: 20px;
    padding-bottom: 30px;
}
.eventPreviewText,
.eventPreviewText p {
    font-family: 'Roboto-Regular', 'Georgia', serif ;
    font-size: 15px;
    line-height: 1.6;
    color: #4a4a4a;
}
.itemBody p, .itemBody  li {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    line-height: 1.6;
    color: #4a4a4a;
}
.itemBody .socialShare a {
    font-family: fontAwesome;
    text-decoration: none;
    font-size: 18px;
}
.itemBody .itemAuthDate {
    margin-top: 0;
    margin-bottom: 0;
}
.eventContent .itemStory, .single-product .itemStory {
    border-bottom: none;
    padding-bottom: 0;
}
.eventContent .eventDescription {
    margin-bottom: 0;
    margin-top: -20px;
}
.eventContent .itemImg {
    margin-bottom: 20px;
    position: relative;
}
.tagContent .eventDescription {
    margin-top: -30px;
}
.tagContent .itemImg {
    width: 95%;
}
.tagContent .itemStory {
    width: 100%;
}
/* ------------ Digital Assessment  ----------*/
.step {
    border-bottom:1px solid #808080;
    margin-bottom:40px;
    height:auto;
}
.step_1, .step_2, .step_3, .step_4 {
    padding-bottom:30px;
}
.step div {
    padding-right:0px;
}
@media screen and (max-width:767px) {
    .step_1, .step_2, .step_3, .step_4 {
        padding-bottom:15px;
    }
}
@media screen and (min-width:768px) {
    .step1 input {
        max-width:60%;
    }
}
.step_green, .step_black {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size:18px;
    color: #008998;
}
.step_black {
    color: #808080;
}
.step_active .step_green {
    font-family:  'Roboto-Bold', 'Georgia', serif;
}
.step_active .step_black {
    font-family:  'Roboto-Regular', 'Georgia', serif;
}
div.arrow {
    max-width:50px;
    margin:0 auto;
    color:#008998;
    position:relative;
}
@media screen and (max-width:800px) {
    div.arrow {
        max-width:30px;
        position:relative;
        left:-20px;
    }
    #arrow3 {
        position:relative;
        left:-5px;
    }
}
@media screen and (min-width:801px) and (max-width:1010px) {
    div.arrow {
        max-width:40px;
        position:relative;
        left:-20px;
    }
    #arrow3 {
        position:relative;
        left:2px;
    }
}
@media screen and (min-width:1011px) and (max-width:1200px) {
    div.arrow {
        position:relative;
        left:-35px;
    }
    #arrow1 {
        position:relative;
        left:8px;
    }
}
h1.b_info_h1, .b_information h1 {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 32px;
    line-height: 42px;
    color: #092c30;
    margin-bottom: 10px;
}
p.b_info_p, .b_info_p p {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    line-height: 22px;
    color: #4a4a4a;
    max-width: 700px;
    margin: 10px auto 0 !important;
}
p.b_info_p {
    margin: 10px 0 0 0;
}
.required.vendorOnboard {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 15px;
    color: #333;
    display: block;
    text-transform: none;
    padding-top: 5px;
}
.contentWrapper .row {
    padding: 1em 0;
}
.contentWrapper footer .row {
    padding: 0;
}
.form-group {
    margin-bottom: 0;
    position: relative;
}
.control-label {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 16px;
    color: #4a4a4a;
}
.inset .control-label {
    font-size: 16px;
}
.inset .form-group .form-group .control-label {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
}
label.required:after, span.required:after {
    content: " *";
    color: red;
}
input[type="text"]:hover, input[type="password"]:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.EditAddSecondAccount {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-weight: normal;
    font-size: 19px;
    line-height: 20px;
    padding-top: 5px;
    color: #00b5ca;
    cursor: pointer;
    margin-top: 8px;
}
.vendor-remove-second-contact {
    position: absolute;
    height: 40px;
    width: 40px;
    top: -53px;
    right: -50px;
    background: #00B4CA;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    border: none;
    box-shadow: none;
}
.vendor-remove-second-contact:hover {
    background: #11D3EB;
}
.vendor-remove-second-contact::before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 12px;
    content: "";
    height: 15px;
    width: 1px;
    background: #fff;
    transform: rotate(45deg);
}
.vendor-remove-second-contact::after {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 12px;
    content: "";
    height: 15px;
    width: 1px;
    background: #fff;
    transform: rotate(-45deg);
}
.vendor-remove-second-contact i {
    border: none;
    color: #fff;
    display: none;
}
.selectize-control.single .selectize-input:hover, .selectize-control.single .selectize-input input:hover {
    box-shadow: none;
    outline: none;
}
.selectize-control {
    position: relative;
    height: 34px;
}
.form-row {
    position: relative;
}
.has-error input{
    border-color: red !important;
    border-width: 1px;
}
.has-error .selectize-input {
    border-color: red;
}
.has-error .selectize-input.has-items {
    border-color: #ccc;
}
.has-error textarea {
    border-color: red;
}
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
    cursor: pointer;
    font-size: 14px;
    color: #999;
    font-family: "Roboto-Light", sans-serif;
    padding:9px 12px;
    display: inline-flex;
}
.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #ffffff;
    margin: 0 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius:  3px 3px 3px 3px;
    -moz-border-radius:  3px 3px 3px 3px;
    border-radius:  3px 3px 3px 3px;
}
.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
    font-size: 14px;
}
.selectize-input {
    padding: 7px 8px;
    border: 1px solid #ccc;
}
.selectize-control.single .selectize-input:focus,
selectize-control.single .selectize-input.dropdown-active.focus.input-active {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input:focus {
    border-color: #00B5CA;
    outline: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 181, 202, 0.3);
    box-shadow: 0 0 10px rgba(0, 181, 202, 0.3);
}
.selectize-dropdown .active {
    color: rgb(255, 255, 255);
    background-color: rgb(44, 192, 210);
}
.radio {
    padding-left: 4px;
    margin-top:0;
    line-height: 24px;
}
.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 8px;
    line-height:24px;
    font-weight: normal;
    font-family:  'Roboto-Regular', 'Georgia', serif;
    font-size:14px;
    color:#4a4a4a;
    max-width: 95%;
}
.radio label.error, .multiselect .error {
    margin-top: 4px;
    font-size: 14px;
    line-height: 18px;
    color: red;
    display: block;
    position: absolute;
    bottom: -25px;
    max-width: 100%;
    margin-bottom: 5px;
}
.radio span.error, .multiselect span.error {
    margin-top: 4px;
    font-size: 14px;
    line-height: 18px;
    color: red;
    display: block;
    position: absolute;
    bottom: -25px;
    max-width: 100%;
    margin-bottom: 5px;
}
.radio label.error::after,
.radio label.error::before,
.multiselect label.error::after,
.multiselect label.error::before {
    content: none;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cacaca;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 8px;
    height: 8px;
    left: 6px;
    top: 6px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #00b5ca;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    outline: none;
}
.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
.radio input[type="radio"]:focus + label::before {
    outline: 2px solid #000;
    outline-offset: 2px;
}
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}
.radio input[type="radio"]:focus + span + label::before {
    outline-offset: -2px; }
.radio input[type="radio"]:checked + span + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
.radio input[type="radio"]:disabled + span + label {
    opacity: 0.65; }
.radio input[type="radio"]:disabled + span + label::before {
    cursor: not-allowed;
}
.radio.radio-inline {
    margin-top: 0; }
p#logo-best-results {
    font-family: 'Roboto-Light', 'Georgia', serif;
}
.btn-green.selectLogo {
    max-width: 260px;
    font-size: 14px;
    margin-bottom: 40px;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    cursor: pointer;
}
h4.imagePreview, h4#imageUpload, h4#imagePreview {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 18px;
    color: #4a4a4a;
    clear: both;
    margin-top: 40px;
    margin-bottom: 10px;
}
.smallLogoPreview {
    width: 60px;
    line-height: 58px;
    text-align: center;
    margin: 10px 0;
}
.vendorLogoPreview {
    width: 200px;
    line-height: 190px;
    text-align: center;
    margin: 10px 0;
}
.middleLogoPreview {
    overflow: hidden;
    width: 80px;
    line-height: 80px;
    text-align: center;
    margin: 10px 0;
}
.middleLogoPreview img {
    width: 100%;
    height: auto;
    padding: 5px;
}
.smallLogoPreview {
    width: 60px;
    line-height: 58px;
    text-align: center;
    margin: 10px 0;
}
.smallLogoPreview img {
    width: 100%;
    height: auto;
    padding: 5px;
}
.form-group h3, h3.p_oter_add {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 22px;
    color: #4a4a4a;
}
.form-group h3.category {
    margin-bottom: 10px;
}
/*select2*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none;
    border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}
.select2-results__option {
    padding: 3px 20px;
    text-decoration: none;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 14px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}
.select2-container--open.select2-container--focus .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.select2-container--open.select2-container--default .select2-selection--single .select2-selection__rendered:hover {
    outline: none;
    border-color: #ccc;
}
.select2-container--default .select2-selection--single .select2-selection__rendered:hover{
    -webkit-box-shadow: none;
    outline: #4a4a4a auto 2px;
    border-color: #4a4a4a;
    box-shadow: none;
}
.select2-dropdown {
    border: 1px solid #ccc;
    padding: 5px 0;
    border-radius: 4px;
}
.select2-container--open .select2-dropdown--below {
    left: 0;
    top: 20px;
}
.select2-container--open .select2-dropdown--above {
    left: 0;
    top: -20px;
}
.select2-container--open .select2-dropdown {
    border-top: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.ng-binding {
    font-size: 14px;
}
.form-error {
    margin-top: 4px;
    font-size: 14px;
    line-height: 18px;
    color: red;
    display: block;
}
.form-control.error {
    border-color: red;
}
.error:not(.form-control) {
    font-size: 14px;
    line-height: 18px;
    color: red;
    display: block;
    position: absolute;
    bottom: -20px;
}
.hbspt-form .error:not(.form-control) {
    margin-top: 0;
    font-size: 14px;
    line-height: 1;
    color: red;
    display: block;
    position: relative;
    bottom: 0;
}
.mcaerror {
    margin-top: 4px;
    font-size: 14px;
    line-height: 18px;
    color: red;
    position: absolute;
    bottom: -25px;
}
.has-error .mce-tinymce {
    border: 1px solid red;
}
.dealsForm .error {
    position: relative;
    bottom: 0;
}
.alert-danger {
    margin-top: 4px;
    font-size: 14px;
    line-height: 18px;
    color: red;
    background: #fff;
    border: none;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
#DigAsssessFormButtons {
    height: 220px;
    margin-top: 30px;
    border-top: solid 1px #808080;
}
#DigAsssessFormButtons button {
    max-width: 150px;
    padding: 16px 28px;
}
#DigAsssessFormButtons a {
    max-width: 150px;
    padding: 16px 28px;
    display: inline-block;
}
#DigAsssessFormButtons button.buttonSave { float: right; }
.digCONT {
    text-align: right;
}
.fa-lg {
    color: red;
    border: solid 1px red;
    padding: 4px;
    border-radius: 3px;
    box-shadow: 0 1px 3px #888;
    cursor: pointer;
    font-size: 16px;
    margin-top: -2px;
}
.emailNote { font-family: 'Roboto-Light', 'Georgia', serif; font-size: 15px; line-height: 1.2; color: #4a4a4a; padding-left: 0; }
.vendorForm ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999;
}
.vendorForm ::-moz-placeholder { /* Firefox 19+ */
    color: #999;
}
.vendorForm :-ms-input-placeholder { /* IE 10+ */
    color: #999;
}
.vendorForm :-moz-placeholder { /* Firefox 18- */
    color: #999;
}
.rowHeaderBtn {
    border-bottom: solid 1px #808080;
    margin-right: 15px;
}
.rowHeaderBtn .rightHeader button {
    padding: 13px 24px;
    font-size: 16px;
    cursor: pointer;
}
.rowHeaderBtn .rightHeader {
    margin-left: 0;
    text-align: right;
}
.noPromotions {
    clear: both;
    display: block;
    margin-left: -15px;
    font-family: "Roboto-Light", sans-serif;
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
}
.dealListHolder {
    background-color: #092c30;
    padding: 20px;
    border-radius: 2px;
    height: 220px;
    margin-left: 0;
    margin-bottom: 20px;
    position: relative;
    margin-right: 15px;
    max-width: 228px;
    cursor: pointer;
}
.dealListHolder .not-approved { position: absolute; top:10px; color: #900; }
.dealListHolderText {
    color: #fff;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 19px;
    margin-top: 15px;
    word-break: break-all;
}
.dealListHolderEditDelete {
    background-color: #092c30;
    position: absolute;
    bottom: 10px;
    left: 30%;
    color: #00b5ca;
    text-decoration: none;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 18px;
}
.editDealLink, .deleteDealLink {
    float: left;
    cursor: pointer;
}
span.dealLinkDivider {
    color: #fff;
    padding: 0 10px;
}
.deleteDealLink {
    float: right;
}
.packageSubCTA {
    margin: -5px 0 15px 0;
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    line-height: 1.6;
    display: block;
}
.limit {
    margin: 5px 0 15px 0;
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    line-height: 1.6;
    display: block;
}
input.radioText.discountTypePercentageAmount, input.radioText.discountTypeFixedAmount, input.radioText.discountTypeFixedAmount, input.radioText.discountTypePercentageAmount {
    height: 21px ! important;
    line-height: 17px;
}
.radio .limitChars {
    position: relative;
    top: -5px;
}
.radio input[type="text"], .option-expanding input[type="text"] {
    height: 23px;
    margin-left: 2px;
    font-size: 13px;
    font-family: 'Roboto-Light', 'Georgia', serif;
    width: 180px;
    border-radius: 3px;
    border: 1px solid #ccc;
}
.radio span {
    font-size: 14px;
}
.radioTextAdj {
    padding-bottom: 0;
    margin-bottom: 0;
    height: 35px;
}
.radioTextAdj label {
    min-width: 45px;
}
.radioTextAdj input[type="number"] {
    position: relative;
    top:-2px;
    width: 80px;
    border: 1px solid rgb(204, 204, 204)
}
h3#more-info-purchase {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 18px;
    color: #4a4a4a;
    line-height: 22px;
    margin-bottom: 20px;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -18px;
}
input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 27px;
    height: 19px;
    display: inline-block;
    line-height: 22px;
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;
}
.option-expanding .css-label, .checkbox-group .css-label {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    color: #4a4a4a;
    font-weight: normal;
}
.option-expanding .css-label a, .checkbox-group .css-label a {
    color: #4a4a4a;
    text-decoration: underline;
}
.option-expanding .css-label a:hover, .checkbox-group .css-label a:hover {
    text-decoration: none;
}
input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}
label.css-label {
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/csscheckbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dealsHRline {
    width: 100%;
    border-top: solid 1px #999;
    margin: 50px 0 35px 0;
}
h2#categories-levels {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 10px;
    color: #092c30;
}
h2.dealTaxonomyLevel {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 28px;
    margin-bottom: 10px;
}
h3.dealTaxonomyRec {
    font-family: 'Roboto-Bold', 'Georgia', serif;
}
/*sidebar-section-business-dashboard*/
.businessDashboard #templateLeft {
    padding-top: 0;
}
.businessDashboard .sideBarDeal {
    background-color: #eaf3f3;
    height: 100%;
}
@media screen and (min-width:1024px) {
    .businessDashboard #templateLeft {
        padding-right: 0;
        padding-left: 10px;
    }
    .businessDashboard #templateRight {
        padding-left: 45px;
    }
}
.Dashboard-Company-Details {
    background-color: #f4f9f9;
    padding: 35px 15px;
}
#dashboardLogo {
    background-color: #fff;
    border-radius: 100px;
    overflow: hidden;
    width: 140px;
    height: 140px;
    line-height: 139px;
    border: solid 1px #092c30;
}
.Dashboard-Company-Details h2 {
    font-family: 'Roboto-Bold','Georgia', serif;
    font-size: 32px;
    line-height: 1.5;
    color: #092c30;
    margin-bottom: 5px;
    margin-top: 20px;
}
.dashboard-company-copy.dashboard-co-address {
    margin-bottom: 55px;
}
.Dashboard-Company-Details .dashboard-company-copy, .dashboardAssessment p {
    font-family: 'Roboto-Light','Georgia', serif;
    font-size: 15px;
    line-height: 1.3;
    color: #4a4a4a;
    margin-bottom: 25px;
}
.dash-company-header {
    font-family: 'Roboto-Bold','Georgia', serif;
    font-size: 18px;
    color: #092c30;
    width: 120px;
    display: inline-block;
}
.Dashboard-Company-Details .dashboard-company-copy a {
    font-family: 'Roboto-Regular','Georgia', serif;
    font-size: 18px;
    line-height: 1.3;
    color: #00b5ca;
}
.dashboard-btnHolder, .dashboard-btnHolder-view-assess {
    padding-top: 30px;
    padding-bottom: 50px;
    height: 150px;
}
.dashboardAssessment {
    padding-left: 15px;
}
.dashboardAssessment h3 {
    font-family: 'Roboto-Bold','Georgia', serif;
    font-size: 22px;
    line-height: 1.3;
    color: #092c30;
    margin-top: 20px;
    margin-bottom: 10px;
}
.Dashboard-Company-Details .dashboard-company-copy, .dashboardAssessment p {
    font-family: 'Roboto-Light','Georgia', serif;
    font-size: 15px;
    line-height: 1.3;
    color: #4a4a4a;
    margin-bottom: 25px !important;
}
.Dashboard .level-holder {
    margin-top: 0;
    padding: 0;
}
.outer-circle.dashboard-circle {
    height: 50px;
    width: 50px;
    background-image: none;
    border: solid 2px #008998;
    border-radius: 25px;
    margin: 0 0 20px 0;
}
.outer-circle {
    position: relative;
    background: url(/wp-content/themes/digitalmainstreet/assets/images/level-ring-blue.svg);
    background-size: cover;
    height: 130px;
    width: 131px;
    overflow: hidden;
    z-index: 140;
    margin: 20px 0 0 10px;
}
.level-active .outer-circle {
    background: url(/wp-content/themes/digitalmainstreet/assets/images/level-ring-white.svg);
}
.partial-circle.partial-dashboard-circle {
    bottom: 0;
    left: -5px;
    width: 80px;
}
.partial-dashboard-circle.partial-circle:before {
    content: '';
    position: absolute;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    bottom: 4px;
    left: 9px;
    background: #57e1c0;
}
.partial-circle {
    position: absolute;
    bottom: 4px;
    left: 15px;
    width: 140px;
    overflow: hidden;
    z-index: 145;
}
.businessDashboard .digital-level {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 14px;
    line-height: 1.1;
    color: #092c30;
    margin-top: 8px;
    cursor: pointer;
}
.businessDashboard .digital-copy {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 18px;
    line-height: 1;
    color: #00818d;
    cursor: pointer;
}
.level-holder-link span {
    display: block;
}
@media screen and (min-width: 769px) {
    .dashboard-btnHolder-view-assess {
        height: 300px;
    }
}
#btn-dashboard-view-assess {
    padding: 20px 50px;
    margin: 0 auto;
    text-align: center;
}
a.add_location, a.add_location:hover, a.add_location:active, a.add_location:focus, a.add_location:visited, a.add_partner, a.add_partner:hover, a.add_partner:active, a.add_partner:focus, a.add_partner:visited, a.add_milestone, a.add_milestone:hover, a.add_milestone:active, a.add_milestone:focus, a.add_milestone:visited {
    color: #4a4a4a;
    text-decoration: none;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 18px;
    position: relative;
    text-align: center;
    display: inherit;
    padding-bottom: 20px;
}
a span.color {
    color: #ffbc0e;
}
.form-group .add_location:hover .addBlock {
    background: #FFE00E;
}
.form-group .add_partner:hover .addBlock {
    background: #FFE00E;
}
.form-group .add_location:hover .color {
    color: #FFE00E;
}
.form-group .add_partner:hover .color {
    color: #FFE00E;
}
.form-group .add_milestone:hover .color {
    color: #FFE00E;
}
.form-group .addBlock {
    height: 40px;
    width: 40px;
    top: 15px;
    background: #FFBC0E;
    color: #fff;
    border-radius: 5px;
    position: relative;
    text-align: center;
    cursor: pointer;
    border: none;
    box-shadow: none;
    display: inline-block;
    margin-right: 10px;
}
.form-group .addBlock:before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 12px;
    content: "";
    height: 15px;
    width: 1px;
    background: #fff;
    transform: rotate(90deg);
}
.form-group .addBlock:after {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 12px;
    content: "";
    height: 15px;
    width: 1px;
    background: #fff;
}
.form-group.closeBlock-holder {
    position: absolute;
    right: 0;
    top: -35px;
}
.form-group .add_location {
    margin: 20px 0;
}
.form-group .closeBlock {
    height: 40px;
    width: 40px;
    top: 96px;
    right: -65px;
    background: #00B4CA;
    color: #fff;
    border-radius: 5px;
    position: relative;
    text-align: center;
    cursor: pointer;
    border: none;
    box-shadow: none;
}
.form-group .closeBlock:hover {
    background: #11D3EB;
}
.cont-milestones .form-group .closeBlock { top:60px; position: absolute; }
.cont-partners {
    margin-top: -10px;
}
.form-group .closeBlock:before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 12px;
    content: "";
    height: 15px;
    width: 1px;
    background: #fff;
    transform: rotate(45deg);
}
.form-group .closeBlock:after {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 12px;
    content: "";
    height: 15px;
    width: 1px;
    background: #fff;
    transform: rotate(-45deg);
}
.form-group .closeBlock i {
    border: none;
    color: #fff;
    display: none;
}
.form-group .closeBlock i:before {
    content: "";
}
.partners_name .fa-lg {
    position: relative;
    right: -50px;
    top: 68px;
}
.contentWrapper .bizsecondRow .row {
    padding: 5px 0;
}
.contentWrapper .bizsecondRow .partners_name .error {
    bottom: -20px;
}
.contentWrapper .inset .row {
    padding: 0;
}
.form-group label.b_month, label.industry-code {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 18px;
    color: #4a4a4a;
}
.address-custom-block {
    width: 100% !important;
}
.address-custom-block .wrapper {
    transition: all ease 0.5s;
    position: relative;
}
.address-custom-block .wrapper.hover:after {
    background: #EAF3F3;
}
.address-custom-block .wrapper:after {
    position: absolute;
    content: "";
    height: 100%;
    width: calc(100% + 30px);
    left: 0;
    top: 5px;
    transition: all ease 0.5s;
    z-index: -1;
}
.bizsecondRow {
    position: relative;
}
.bizsecondRow:after {
    position: absolute;
    content: "";
    height: 100%;
    width: calc(100% + 65px);
    left: -20px;
    top: 5px;
    transition: all ease 0.5s;
    z-index: -1;
}
.bizsecondRow.hover:after {
    background: #EAF3F3;
}
/*businessDigitalAssessment*/
.vendorHeader, #dig-assess-thanks {
    text-align:center;
}
.mainHeader {
    text-align: center;
}
.mainHeader h1{
    word-spacing: 5px;
    color: #062C30;
    margin: 50px 0 25px;
    position: relative;
    text-align: center;
    font-family: 'BebasNeueBold','Georgia', serif;
    font-size: 55px;
    line-height: 1;
}
.businessDigitalAssessment .row {
    padding: 1em 0;
}
.dig-assess-score h2, .vendorHeader h2, #dig-assess-thanks h2 {
    font-family: 'Roboto-Light', 'Georgia', serif;
    color:#092c30;
    font-size:18px;
    line-height:1.6;
    text-align: left;
    margin: auto;
    padding: 20px 0;
}
.dig-assess-score h2 a { color: #00B5CA; text-decoration: underline; }
.dig-assess-score h2 a:hover { text-decoration: none; }
.vendorHeader .vendor-intro {
    color: #008998;
    font-family: 'Roboto-Light','Georgia', serif;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    margin: 0 auto;
}
.featured-block h2 {
    font-family: 'Bebas','Georgia', serif;
    word-spacing: 5px;
    font-size: 30px;
    margin: -20px auto 50px auto;
    color: #007585;
    background: #fff;
    padding: 0 25px;
    text-align: center;
}
.vendor-results .featured-block {
    margin-top: 40px;
    border: 3px solid #007585;
    padding: 0 20px 20px;
}
@media (min-width: 1200px) {
    .dig-assess-score h2, .vendorHeader h2, #dig-assess-thanks h2 {
        max-width: 70%;
        padding:20px 0;
        margin: 0;
    }
}
.row.level-holder {
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
.row.level-holder.level-active {
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    margin-bottom: 0;
}
.level-holder {
    background-color: #eaf3f3;
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 18px;
    line-height: 24px;
    color: #4a4a4a;
}
.levelOverlay {
    position: absolute;
    top: 48px;
    left: 33px;
    z-index: 191;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    color: #092c30;
    font-size: 18px;
    text-transform: uppercase;
}
.level-holder h3, .level-todo h3 {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    color: #092c30;
    font-size: 24px;
    line-height: 42px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.level-holder .level-list li {
    list-style-type: disc;
}
.level-holder .level-list {
    list-style-type: circle;
    font-size: 17px;
    line-height: 21px;
    margin-top: -4px;
}
.level-holder ul.level-list {
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px;
}
ul.assessmentStats {
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 40px;
    overflow: hidden;
}
ul.assessmentStats li {
    float: left;
    display: block;
    padding-right: 10px;
    list-style-type: none;
    color: #81d6e9;
    font-family: 'Roboto-Regular', 'Georgia', serif;
}
.chevron-holder {
    margin-top: 65px;
}
.chevron.up:before {
    top: 7px;
    transform: rotate(-45deg);
}
.chevron::before {
    border-style: solid;
    border-width: 6px 6px 0 0;
    border-color: #00b5ca;
    content: '';
    display: inline-block;
    height: 21px;
    left: 21px;
    position: relative;
    top: 0;
    width: 21px;
    cursor: pointer;
    line-height: 80px;
    vertical-align: middle;
    transform: rotate(135deg);
}
.level-todo {
    display: none;
}
.level-active, .level-active h1, .level-active h2, .level-active h3, .level-active p, .level-active ul.assessmentStats li, .level-active .levelOverlay {
    background-color: #008998;
    color: #FFF;
}
.partial-circle:before {
    content: '';
    position: absolute;
    height: 102px;
    width: 102px;
    border-radius: 50%;
    bottom: 10px;
    left: 0;
    background: #57e1c0;
}
.level-todo {
    height: auto;
    overflow: auto;
    width: 100%;
    display: none;
    clear: both;
    border: solid 1px #008998;
    border-top: none;
}
.level-todo h4 {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    color: #092c30;
    font-size: 18px;
    line-height: 42px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.todo-row {
    border-top: solid 2px #092c30;
    width: 100%;
    padding: 10px 0;
    display: block;
}
.checkmark {
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/level-todo-incomplete.svg);
    background-position: center center;
    cursor: pointer;
    width: 50px;
    height: 48px;
}
.complete-check {
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/level-todo-complete.svg);
}
.level-todo h5 a {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    color: #008998;
    font-size: 22px;
    line-height: 24px;
}
.task-done h5 a, .task-done h5 a:active, .task-done h5 a:hover, .task-done h5 a:focus, .task-done h5 a:visited {
    text-decoration: line-through !important;
    color: #092c30 !important;
}
.task-done p a, .task-done p a:active, .task-done p a:hover, .task-done p a:focus, .task-done p a:visited {
    text-decoration: line-through !important;
    color: #092c30 !important;
}
.level-todo p a {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    line-height: 1.2;
    color: #4a4a4a;
}
.level-active .levelOverlay {
    background-color: transparent;
}
button.writeReview {
    display: block;
    font-size: 16px;
    padding: 15px 24px;
    margin: 10px 0 0 -5px;
}
a.writeReview {
    display: inline-block;
    font-size: 16px;
    padding: 15px 24px;
    margin: 20px auto;
}
.reviewBasedOn {
    margin-bottom: 20px;
}
#btn-modal-review {
    max-width: 240px;
    padding-left: 0;
    padding-right: 0;
}
.progress-bar {
    background-color: #33cccc;
}
/*Recommendation single*/
.mainContent{
    padding-left: 0;
}
.Recommendation-Details .mainContent h1 {
    margin-bottom: 15px;
    line-height: 1.3;
}
#templateRight.recommendation {
    background-color: #EAF3F3;
    padding-right: 0;
    padding-left: 0;
}
.mainContent h1 {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 22px;
    line-height: 34px;
    color: #008998;
}
.mainContent h2 {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 32px;
    color: #092c30;
    margin-top: 30px;
}
.dealContent .mainContent h2 {
    line-height: 1.3;
}
.recommendationListCopyHolder {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 150px;
}
.Recommendation-Details #templateRight {
    padding-top: 0;
}
.recommendationListCopyHolder h1,
.recommendationListCopyHolder h2,
.recommendationListCopyHolder h3,
.recommendationListCopyHolder h4,
.recommendationListCopyHolder h5,
.recommendationListCopyHolder h6,
.recommendationListCopyHolder h1 span,
.recommendationListCopyHolder h2 span,
.recommendationListCopyHolder h3 span,
.recommendationListCopyHolder h4 span,
.recommendationListCopyHolder h5 span,
.recommendationListCopyHolder h6 span,
.recommendationListCopyHolder h1 strong,
.recommendationListCopyHolder h2 strong,
.recommendationListCopyHolder h3 strong,
.recommendationListCopyHolder h4 strong,
.recommendationListCopyHolder h5 strong,
.recommendationListCopyHolder h6 strong {
    font-family: 'Roboto-Bold', 'Georgia', serif !important;
    font-size: 18px;
    color: #092c30;
    margin: 45px 0 15px 0;
}
.sideBarDealFeature .vendorBoxFeature {
    background-color: #f4f9f9;
    margin: 0;
    overflow: hidden;
    height: auto;
}
.sideBarDealFeature .sideDealInfo {
    width: 75%;
    margin: 100px auto 20px;
}
.sideBarDealFeature .sideDealInfo .row {
    margin-bottom: 20px;
}
.sideBarDealFeature .vendorBoxFeature.other {
    background: transparent;
    padding-top: 50px;
}
.sideBarDealFeature .vendorBoxFeature.other .sideDealInfo {
    width: 75%;
    margin: 20px auto;
}
.sideBarDealFeature .sideDealInfo h3 {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 22px;
    color: #092c30;
    margin-bottom: 35px;
    text-align: left;
}
.sideBarDealFeature .sideDealInfo .side-vendor-coName {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 16px;
    display: block;
    margin-top: 10px;
    line-height: 30px;
    color: #092c30;
}
.sideBarDealFeature #view-more-vendors {
    margin-top: 40px;
    display: block;
}
.Recommendation-Details #add-to-wishlist  {
    margin-top: 50px;
    display: none;
}
.contentWrapper .row.inset {
    padding: 10px 0 10px;
}
.popover.content-assessment {
    display: block;
    background-color: #00b5ca;
    height: auto;
    padding: 5px;
    position: absolute;
    z-index: 1000;
    margin-top: 12px;
    border-radius: 3px;
    width: 260px;
    border-color: #00b5ca;
}
.note-popover {
    display: none;
}
.popper-assessment, .popper {
    cursor: pointer;
}
.popover.content-assessment .popover-title {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 14px;
    line-height: 16px;
    background-color: transparent;
    border-bottom: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 0;
    margin: 0 0 5px;
    display: block;
}
.popover.content-assessment .popover-text {
    display: block;
    font-size: 12px;
    line-height: 14px;
    font-family: 'Roboto-Light', 'Georgia', serif;
    margin-bottom: 5px;
}
.popover.content-assessment .popover-content {
    padding: 5px 8px;
}
.popover.content-assessment.bs-tether-element-attached-top::after,
.popover.content-assessment.popover-bottom::after {
    border-bottom-color: #00b5ca;
    top: -10px;
}
.popover.content-assessment.bs-tether-element-attached-top::before,
.popover.content-assessment.popover-bottom::before {
    top: -10px;
    margin-left: -11px;
    border-bottom-color: #00b5ca;
}
.popover.content-assessment.bs-tether-element-attached-top .popover-title::before,
.popover.content-assessment.popover-bottom .popover-title::before {
    border: none;
}
.add_partner_link {
    color: #00b5ca;
    text-decoration: none;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 18px;
    position: relative;
}
.add_partner_link:hover {
    color: #00b5ca;
}
.showing-results {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    color: #092c30;
    font-size: 34px;
    line-height: 1.3;
    margin: 80px 0 0 0;
    text-align: left;
}
.custom-results ul li a {
    font-size: 18px;
    line-height: 2;
    font-family: 'Roboto-Light', 'Georgia', serif;
    color: #092c30;
    display: block;
    text-decoration: underline;
}
.custom-results ul li a:hover {
    color: #0CB8CC;
}
.custom-results {
    margin-bottom: 20px;
}
.modal-contact-thanks .preloader {
    margin-top: 20px;
    margin-left: 0;
    visibility: hidden;
}
.modal-contact-thanks div {
    margin-top: 0;
}
.mashsb-buttons a {
    background: none;
    min-width: 20px;
    text-decoration: none;
}
.mashicon-buffer .icon, .mashicon-buffer .text, [class*=" mashicon-"], [class^=mashicon-] .icon {
    color: #00b5ca !important;
    text-decoration: none;
    font-size: 16px;
    line-height: inherit;
}
.mashsb-box .mashsb-buttons a.mash-small {
    padding: 0;
    float: none;
}
.mashsb-container {
    padding-top: 0;
    padding-bottom: 0;
    display: inline-block;
    min-width: 150px;
    position: relative;
}
.mashsb-count>.counts {
    display: none;
    clear: none;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    top: 4px;
}
.mashsb-buttons .text{
    display:none;
}
.subscribe_response { margin-left: 25px; top: 50px !important; color: #FFF; width: 100%; position: absolute; }
.subscribe_response.error { color: #C00; }
.subscribe_response.error a { color: #C00; text-decoration: underline; }
.subscribe_response.error a:hover { text-decoration: none; }
input[type="submit"] { cursor: pointer; }
input.hl { height: 38px; border-radius: 4px; margin-bottom: 5px; border: 1px solid #ccc; padding: 0 0 0 13px; font-family: 'Roboto-Light', 'Georgia', serif; font-size: 16px; }
input.hl:hover { -webkit-box-shadow: none; outline: #4a4a4a auto 2px; border-color: #4a4a4a; box-shadow: none; }
input.hl:focus { -webkit-box-shadow: none; outline: #33cccc auto 2px; border-color: #33cccc; box-shadow: none; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; }
.control-label,.acf_postbox p.label label { font-weight: normal; font-family: 'Roboto-Regular', 'Georgia', serif; font-size: 16px; color: #4a4a4a; }
.bootstrap-timepicker-widget table td input {
    width: 35px !important;
}
#preloader { margin-left: 10px; visibility: hidden; }
.page-template-template-vendor-products #preloader { margin-right: 10px; }
.container p { margin: 0 0 10px; }
.page-template-template-login .navbar-search { display: none; }
.page-template-template-login h1 { font-family: 'Roboto-Regular', 'Georgia', serif; font-size: 24px; color: #fff; margin-bottom: 30px; }
.page-template-template-login p { margin: 0; }
.page-template-template-login input, .page-template-template-login #hero .btn { width: 290px; }
.page-template-template-login form a { color: #FFF; font-family: 'Roboto-Regular', 'Georgia', serif; margin: 25px 0; display: inline-block; }
.page-template-template-login form a:hover { text-decoration: none; }
.page-template-template-login #hero { background-image: url('/wp-content/themes/digitalmainstreet/assets/images/bgrdLogin.jpg'); }
.page-template-template-login #hero .btn { height: 50px; margin: 0; }
.login_error, .settings-cont p.login_error { color: red; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.success_msg, .settings-cont p.success_msg { color:#539203; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.jumbotron { background: -webkit-linear-gradient(#d9f4f8, #fef3db); background: -o-linear-gradient(#d9f4f8, #fef3db); background: -moz-linear-gradient(#d9f4f8, #fef3db); background: linear-gradient(#d9f4f8, #fef3db); padding-bottom: 4em; }
.jumbotron.vendorJumbo { background: #eaf3f3; }
.jumbotron h1 { font-family: 'Roboto-Bold', 'Georgia', serif; font-size: 42px; line-height: 52px; width: 50%; color: #092c30; margin: 20px 0 0 15px; }
.jumbotron h2 { font-family: 'Roboto-Regular', 'Georgia', serif; font-size: 22px; line-height: 34px; width: 50%; color: #092c30; margin: 20px 0 10px 15px; }
.page-template-template-forgot-password .forgot-cont, .page-template-template-password-reset .reset-cont { padding-bottom: 150px; }
.page-template-template-forgot-password .forgot-cont h1, .page-template-template-password-reset .reset-cont h1 { font-family: 'Roboto-Bold', 'Georgia', serif; font-size: 32px; line-height: 1.3; color: #092c30; margin: 20px 0 10px 0; }
li#nav-account-settings { position: relative; height: 35px; width: 45px; background-repeat: no-repeat; background-image: url('/wp-content/themes/digitalmainstreet/assets/images/icon-account-settings-inactive-white.svg'); background-position: center right; cursor: pointer; padding-left: 15px; margin-top: 0px; margin-left: 5px; }
li#nav-account-settings.active { background-image: url('/wp-content/themes/digitalmainstreet/assets/images/icon-account-settings-active-blue.svg'); }
.header_landing li#nav-account-settings {border: none;}
#memberDrop:before { content:''; width: 0; height: 0; border-style: solid; border-width: 0 11px 11px 11px; border-color: transparent transparent rgba(0,0,0,0.8) transparent; position: absolute; top: -11px; right: 30px; }
#memberDrop {
    background: rgba(0,0,0,0.8);
    position: absolute;
    z-index: 999;
    top: 50px;
    right: -20px;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 16px;
    display: none;
    padding: 5px 15px 5px;
}
#memberDrop li { clear: both; display: block; cursor: pointer; line-height: 35px; white-space: nowrap; width: 100%; }
#memberDrop li a {font-family: "Roboto-Medium", sans-serif; display: block; color: #F8B810; padding: 0; line-height: 40px; text-transform: none; }
#memberDrop li a:hover { text-decoration: none; }
#memberDrop li.memberDropButtons { background-color: #cbecec; height: auto; padding: 8px 20px; }
#memberDrop li.memberDropButtons a { display: inline-block; line-height: 34px; text-transform: uppercase; font-size: 13px; width: 120px; text-align: center; -webkit-transition: none; -moz-transition:none; -o-transition:none; transition:none; }
#memberDrop li.memberDropButtons a:hover { color: #FFF; }
#modal-SignUpB .btn-yellow, #modal-SignUpV .btn-yellow { text-align: center; display: inline-block; }
.settings-cont { padding-bottom: 140px; }
.settings-cont h1 {
    text-transform: uppercase; font-family: 'Roboto-Bold', 'Georgia', serif; font-size: 40px; line-height: 1.3; color: #092c30; margin-top: 60px; margin-bottom: 10px; }
.settings-cont h2 {  text-transform: uppercase; font-family: 'Roboto-Bold', 'Georgia', serif; font-size: 25px; color: #00B4CA; clear: both; margin-top: 40px; margin-bottom: 10px; }
.settings-cont p { font-family: 'Roboto-Light', 'Georgia', serif; font-size: 15px; color: #092c30; clear: both; }
.settings-cont form input[type="submit"] { padding: 0.8em 4.2em; float: right; margin: 15px 0; }
.settings-cont form label { font-size: 15px; }
.settings-cont form input[type="text"], .settings-cont form input[type="password"] { font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.settings-cont form#changepasswordform h2 { margin-top: 50px; }
.referee {
    padding-bottom: 25px;
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    text-align: right;
    font-style: italic;
}
.full-width { padding-top: 40px; padding-bottom: 100px; font-size: 15px; }
.full-width h1 { font-family: 'Roboto-Bold', 'Georgia', serif; font-size: 32px; margin-bottom: 30px; }
.full-width h2 { font-family: 'Roboto', 'Georgia', serif; font-weight: 500; font-size: 24px; margin-bottom: 15px; margin-top: 5px; display: inline-block; }
.full-width ul { margin-bottom: 15px; font-family: 'Roboto-Light', 'Georgia', serif; line-height: 1.6; color: #4a4a4a; }
.full-width ul li { list-style-type: disc; margin-left: 20px; }
.full-width ol { padding-left: 0; margin-bottom: 15px; }
.full-width ol li { list-style-type: decimal; margin-left: 20px; }
.full-width-content p {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    line-height: 1.6;
    color: #4a4a4a;
}
.footer .privacy { white-space: nowrap; }
.footer .privacy a { color: #FFF; text-decoration: underline; margin-right: 15px; }
.footer .privacy a:last-of-type { margin-right: 0; }
.footer .privacy a:hover { text-decoration: none; }
.map-container {
    height: 600px;
}
.find-input-wrapper {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    display: inline-block;
    margin-top: -20px;
    padding: 10px;
    position: relative;
}
.find-input-wrapper input[type="text"] {
    color: #00b5ca;
    font-size: 25px;
    font-style: italic;
    font-weight: 400;
    height: 70px;
    width: 650px;
    border-radius: 0;
    border: none;
    padding: 15px;
    background: #fff;
    border-bottom: 2px solid #00b5ca;
}
.find-input-wrapper button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #00b5ca;
    font-size: 27px;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 0;
    outline: none;
    cursor: pointer;
    border-radius: 2px;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-weight: 700;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 0.84375em 0.875em 0.78125em;
    text-transform: uppercase;
}
.featurePost .contImg {
    position: relative;
    height: 500px;
    width: 100%;
    background: #333;
    background-size: cover;
    background-position-x: center;
    background-position-y: top;
}
.featurePost .contImg .booknow {
    z-index: 2;
}
.featurePost .contImg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.featurePost .eventDescription {
    height: 100%;
    width: 100%;
}
.featurePost .eventDescription .wrapper-date {
    padding: 0 20px;
    min-height: 20px;
    line-height: 35px;
    margin-bottom: 20px;
    border-radius: 0.25rem;
    background-color: #ffbc0e;
    display: inline-block;
    color: #000;
}
.featurePost .eventDescription a {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 26px;
    color: #000;
    margin: 10px 0;
    display: inline-block;
    text-decoration: underline;
}
.featurePost .eventDescription a:hover {
    text-decoration: none;
}
.featurePost .eventDescription .time {
    padding-left: 40px;
}
.featurePost .booknow {
    left: 40px;
    top: 40px;
}
.side-title {
    font-family: 'BebasNeueBold','Georgia', serif;
    font-size: 40px;
    line-height: 44px;
    margin: 15px 0;
    color: #00B4CA;
    text-align: center;
    width: 100%;
}
/*NEWS*/
.header.header_news {
    background: transparent;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.news #templateLeft {
    padding-right: 50px;
}
.news #templateLeft,
.news #templateRight {
    padding-top: 0;
}
section.post-category {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 40px;
}
.author-title {
    height: 80px;
}
.author-title h2{
    text-transform: none;
    font-size: 16px;
    margin: 0;
    color: #000;
    line-height: 60px;
}
.author-title .author-name{
    font-family: 'Bebas','Georgia', serif;
    word-spacing: 5px;
    font-size: 30px;
    color: #00B4CA;
    position: relative;
    top: 10px;
}
.author-title .author-img img {
    max-width: 300px;
    max-height: 50px;
    margin-right: 10px;
    width: auto;
}
.category-list li {
    display: inline-block;
}
.category-list li a{
    font-family: 'Roboto-Light', 'Georgia', serif;
    padding-right: 10px;
    padding-top: 10px;
    margin-right: 10px;
    line-height: 50px;
    padding-left: 5px;
    font-size: 16px;
    color: #00b5ca;
    display: block;
    border-bottom: 2px solid transparent;
    text-transform: capitalize;
}
.category-list li.active-parent a,
.category-list li.active a {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    padding-left: 7px;
    border-bottom: 2px solid #00b5ca;
}
.news .feature-header {
    width: 100%;
    padding-top: 60px;
    background-size: cover;
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/bg_NEWS.jpg');
    background-repeat: no-repeat;
}
.subscribe-block {
    color: #fff;
    padding: 60px 0;
}
.subscribe-block .subscribe_response {
    color: #fff;
    display: block;
    font-size: 16px;
    text-decoration: underline;
    font-family: 'Roboto-Regular', 'Georgia', serif !important;
    font-weight: normal;
    margin: 10px 0 0 0;
    position: absolute;
    bottom: -60px;
    top: auto !important;
}
.subscribe-block form {
    position: relative;
}
.subscribe-block form .field, .subscribe-block form .email {
    font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
    font-size: 15px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #343434;
    background-color: #fff;
    box-sizing: border-box;
    height: 44px;
    padding: 0 0.4em;
    display: inline-block;
    margin: 0;
    vertical-align: top;
}
.subscribe-block form .field, .subscribe-block form .email { width: 170px; }
.subscribe-block form .field:nth-of-type(odd) { margin: 0 5px 5px 0; }
.subscribe-block form .btn-submit {
    font-size: 14px;
    padding: 0 20px;
    background: #ffbc0e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    border: none;
    line-height: 44px;
}
.subscribe-block h2 {
    color: #fff;
    font-size: 50px;
    margin-bottom: 10px;
    font-family: 'Roboto-Regular', 'Georgia', serif !important;
    font-weight: normal;
}
.subscribe-block p {
    max-width: 500px;
    color: #fff;
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 20px;
    font-family: 'Roboto-Light', 'Georgia', serif !important;
    font-weight: normal;
}
.subscribe-block span {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 33px;
    margin-top: 5px;
    font-family: 'Roboto-Regular', 'Georgia', serif !important;
    font-weight: normal;
}
.feature-news .holder{
    margin-bottom: 40px;
}
.holder .holder-img {
    position: relative;
    max-height: 340px;
    width: 100%;
    display: block;
    overflow: hidden;
}
.shophere-blog .holder .holder-img {
    max-height: initial;
}
.holders-news .holder .holder-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.03);
}
.holder .holder-img img {
    width: 100%;
    max-width: inherit;
    height: auto;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.holder .holder-img .img {
    display: block;
    width: 100%;
    min-height: 200px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.holder .holder-img:hover .img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}
.holder .holder-img:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}
.holder a.holder-title {
    display: block;
    color: #000;
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 20px;
    transition: all ease 0.5s;
    font-family: 'Roboto-Bold', 'Georgia', serif;
}
.holder a.holder-title:hover {
    text-decoration: underline;
}
.feature-news .holder .holder-date {
    margin-bottom: 15px;
}
.feature-news .holder .img {
    min-height: 350px;
}
.feature-news.shophere-blog .holder .img {
    height: 450px;
}
.holder .holder-author img {
    margin-right: 10px;
    max-height: 30px;
    max-width: 200px;
    width: auto;
}
.holder .holder-author a {
    color: #00b5ca;
    padding: 0 20px 0 5px;
    text-decoration: underline;
    font-size: 14px;
    font-family: 'Roboto-Light', 'Georgia', serif;
}
.subcategory {
    padding: 20px 0;
    height: 60px;
}
ul.subcategory-list li {
    display: inline-block;
}
ul.subcategory-list li a.active {
    color: #FFBB0D;
}
ul.subcategory-list li a {
    display: block;
    color: #00b5ca;
    text-decoration: underline;
    font-size: 14px;
    margin-right: 10px;
    font-family: 'Roboto-Regular', 'Georgia', serif;
}
.holders-news .holder {
    margin-bottom: 40px;
    max-width: 410px;
}
.holders-news .holder a.holder-title {
    font-size: 1.2em;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 15px;
    cursor: pointer;
}
.holders-news .holder a.holder-title:hover {
    color: #000;
    text-decoration: underline;
}
.holders-news .subcategory {
    padding: 10px 0 0;
    height: inherit;
}
.holders-news .holder .holder-img {
    height: 200px;
}
.banner {
    height: 340px;
    width: 100%;
    max-width: 410px;
    display: table;
    background: #444;
    margin-bottom: 45px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all ease 0.5s;
}
.banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
}
.banner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    transition: all ease 0.5s;
    -webkit-box-shadow: inset 0 0 20px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0 0 20px 0 rgba(0,0,0,0.75);
    box-shadow: inset 0 0 20px 0 rgba(0,0,0,0.75);
}
.banner img {
    position: absolute;
    top: 0;
    height: 100%;
    max-width: inherit;
}
.banner:hover .banner-holder h2 {
    border-bottom: 1px solid #fff;
    padding: 0 30px 20px;
}
.banner:hover::after {
    -webkit-box-shadow: inset 0 0 40px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 40px 0 rgba(0,0,0,0.5);
    box-shadow: inset 0 0 40px 0 rgba(0,0,0,0.5);
}
.banner .banner-holder{
    position: relative;
    z-index: 2;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}
.banner .banner-holder h2 {
    transition: all ease 0.5s;
    display: inline-block;
    font-size: 20px;
    padding: 0 0 20px;
    border-bottom: 1px dotted #fff;
    text-transform: uppercase;
}
.banner .banner-holder p {
    font-family: 'Roboto-Light', 'Georgia', serif;
    padding: 20px 30px;
    font-size: 14px;
}
.subcat {
    margin-top: 0;
}
.subcat img {
    padding-right: 10px;
}
.subcat h2 {
    color: #000;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    font-family: 'Roboto-Bold', 'Georgia', serif;
}
.subcat h2 span {
    position: relative;
    top: -3px;
}
.subcat .list li a {
    display: block;
    color: #000;
    font-size: 1.2em;
    line-height: 22px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all ease 0.5s;
    font-family: 'Roboto-Bold', 'Georgia', serif;
}
.subcat .list li.desc a:hover,
.subcat .list li a:hover,
.subcat .list li a.active {
    color: #00b5ca;
    text-decoration: underline;
}
.subcat .list li.text {
    font-size: 14px;
    color: #777777;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.subcat .list li.desc {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.subcat .list li.desc a {
    font-size: 15px;
    color: #777777;
    margin-bottom: 0;
    font-family: 'Roboto-Regular', 'Georgia', serif;
}
.btnLeftHolder {
    text-align: left;
    margin: 20px 0;
}
.btnRightHolder {
    text-align: right;
    margin: 20px 0;
}
.btnPrevPosts {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 20px;
    color: #666666;
}
.btnNextPosts {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 20px;
    color: #666666;
}
.vendor-results .vendor-list {
    padding-left: 0;
}
.searchContainer .tags-list {
    margin-bottom: 60px;
}
.searchTitle:first-child {
    margin-top: 20px;
}
.searchTitle {
    text-align: center;
    margin: 20px 0 20px;
    border-top: 1px solid #eee;
}
.searchTitle h2 {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    color: #0CB8CC;
    background: #fff;
    font-size: 30px;
    line-height: 1.6;
    margin: -44px auto 0;
    padding: 20px;
}
.custom-results {
    margin-bottom: 60px;
}
.custom-results ul li {
    text-align: center;
}
h2.keyword {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 50px;
    margin: 20px 0 45px 0;
    color: #00B4CA;
    text-align: center;
}
.arrow-down {
    display: block;
    position: absolute;
    bottom: -45px;
    right: 35px;
    height: 39px;
    width: 24px;
    background: url('/wp-content/themes/digitalmainstreet/assets/images/icons/arrow-down.png') no-repeat;
}
h2.keyword span {
    text-transform: capitalize;
    padding: 0 5px 5px;
    position: relative;
    border-bottom: 2px solid #00B4CA;
}
.searchContainer .mainHeader h1 {
    display: inline-block;
}
.mainHeader h1 span {
    color: #00B4CA;
}
.productName:hover {
    color: #5FD0DE;
    text-decoration: none;
}
.productName {
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 16px;
    color: #5FD0DE;
    margin-top: 20px;
    height: 130px;
    display: block;
    text-decoration: underline;
}
.productImageLabel {
    margin: 10px 0 6px 0;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
}
.productImage {
    width: 250px;
    height: auto;
}
.form-group-file .form-file + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: #092c30;
    display: inline-block;
}
.form-group-file .form-file:focus + label,
.form-group-file .form-file + label:hover {
    background-color: #092c30;
}
.companyName {
    color: #000;
    font-size: 14px;
    font-family: 'Roboto-Light', 'Georgia', serif;
}
.companyName a {
    color: #000;
    font-size: 14px;
    text-decoration: underline;
    font-family: 'Roboto-Light', 'Georgia', serif;
}
.companyName a:hover {
    text-decoration: none;
}
.btn-show-more {
    display: block;
    margin: 20px auto;
    color: #00B4CA;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 22px;
    text-decoration: underline;
}
.searchContainer .btn-show-more{
    color: #FFBB0D;
    margin-bottom: 20px;
}
/*input file*/
.input-file-container {
    position: relative;
    width: 250px;
}
.js .input-file-trigger {
    display: block;
    padding: 14px 45px;
    background: #092c30;
    color: #fff;
    font-size: 14px;
    transition: all .4s;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 2px 4px #888;
    border-radius: 5px;
}
.js .input-file {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    opacity: 0;
    padding: 14px 0;
    cursor: pointer;
}
.js .input-file:hover + .input-file-trigger,
.js .input-file:focus + .input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
    background: #33cccc;
    color: #fff;
}
.file-return {
    margin: 0;
}
.file-return:not(:empty) {
    margin: 1em 0;
}
.js .file-return {
    font-style: italic;
    font-size: .9em;
    font-weight: bold;
}
.js .file-return:not(:empty):before {
    content: "Selected file: ";
    font-style: normal;
    font-weight: normal;
}
/*FAQ*/
.faq-intro{
    color: #008998;
    font-family: 'Roboto-Light','Georgia', serif;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    margin: 0 auto 60px;
}
.faq-results {
    margin-bottom: 60px;
}
.faq-results .col-categories {
    padding-right: 15px !important;
}
.faq-results .col-categories ul li {
    display: block;
    background: #215759;
    line-height: 26px;
    padding: 10px 20px;
    text-transform: uppercase;
    font-family: 'Roboto-Bold','Georgia', serif;
    color: #fff;
    font-size: 16px;
    width: 100%;
    margin-bottom: 5px;
    cursor: pointer;
    transition: all ease 0.5s;
    position: relative;
}
.faq-results .col-categories ul li.active,
.faq-results .col-categories ul li:hover {
    background: #062C30;
}
.faq-results .col-categories ul li span {
    font-size: 20px;
    float: right;
    top: 8px;
    position: absolute;
    right: 10px;
}
.faq-results .col-questions {
    background: #F6F6F6;
    overflow-y: auto;
}
.faq-results .col-questions h2 {
    font-family: 'Bebas','Georgia', serif;
    word-spacing: 5px;
    font-size: 30px;
    line-height: 1.3;
    color: #215759;
    padding: 30px 35px 16px;
    position: relative;
}
.faq-results .col-questions .question {
    padding: 0 20px;
    transition: all ease 0.5s;
    cursor: pointer;
    position: relative;
    z-index: 2;
    display: none;
}
.faq-results .col-questions .question.active,
.faq-results .col-questions .question:hover {
    background: #062C30;
}
.faq-results .col-questions .question.active p,
.faq-results .col-questions .question:hover p {
    color: #fff;
    margin-top: -1px;
    margin-bottom: 1px;
    border-bottom: 1px solid transparent;
}
.faq-results .col-questions .question p{
    color: #092C30;
    text-decoration: underline;
    border-bottom: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 0;
    font-size: 15px;
}
.faq-results .col-answers {
    border: 2px solid #062C30;
    display: none;
}
.faq-results .col-answers h2 {
    font-family: 'BebasNeueBold','Georgia', serif;
    font-size: 40px;
    line-height: 1;
    word-spacing: 5px;
    color: #062C30;
    padding: 30px 40px 15px;
    position: relative;
}
.faq-results .col-answers .answer {
    padding: 15px 40px;
    display: none;
}
.faq-results .col-answers .answer p {
    color: #092C30;
    font-size: 14px;
    line-height: 1.8;
}
.category-name{
    font-size: 16px;
    line-height: 1.3;
    font-family: 'Roboto-Light','Georgia', serif;
    background: #062C30;
    color: #fff;
    padding: 5px 15px 5px 15px;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}
.category-name:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #062C30 transparent transparent transparent;
}
#vendors-map-holder {
    position: relative;
    visibility: hidden;
    height: 120px;
    overflow: hidden;
}
.support-footer-map {
    height: 120px;
    overflow: hidden;
    visibility: hidden;
}
.support-footer-map.active {
    visibility: visible;
    height: inherit;
    overflow: visible;
}
#vendors-map-holder.active {
    visibility: visible;
    height: inherit;
    overflow: visible;
}
.sublevels {
    height: 0;
    overflow: hidden;
}
.vendor-list .section {
    width: 100%;
}
main.main-events {
    margin-bottom: -105px;
}
.support-footer-map .gmnoprint {
    bottom: 10px;
}
.support-footer-map .gmnoprint {
    bottom: 200px !important;
}
.nothing-found {
    font-family: 'BebasNeueBold','Georgia', serif;
    font-size: 26px;
    margin: 0 0 15px 0;
    color: #00B4CA;
    text-align: center;
}
.holder-review {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.holder-review:first-child {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}
.holder-review:last-child {
    border-bottom: none;
}
.holder-review h3.title {
    color: #00b5ca;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 18px;
}
.holder-review .text {
    padding: 15px 0;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 14px;
}
.holder-review .author-name {
    text-align: right;
}
.holder-review .author-name span{
    text-transform: capitalize;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    color: #00b5ca;
}
.jq-ry-container {
    padding: 0;
}
.colRatings {
    max-width: 250px;
}
.error-404 .feature-header {
    height: 600px;
    display: table;
    background-size: cover;
    margin-bottom: -110px;
}
.error-404 .news .mainHeader {
    display: table-cell;
    vertical-align: middle;
}
.error-404 .news .mainHeader h1 {
    color: #fff;
    margin: 0;
    text-align: center;
}
.error-404 .news .mainHeader h2 {
    font-family: 'Bebas','Georgia', serif;
    word-spacing: 5px;
    font-size: 30px;
    margin: 15px 0 15px 0;
    color: #00B4CA;
    text-align: center;
}
.error-404 a.btn:hover {
    background: #ffbc0e;
    border: solid 2px #ffbc0e;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.error-404 a.btn {
    font-family: 'Roboto-Regular', Georgia, serif;
    font-size: 16px;
    text-transform: none;
    margin: 20px 0;
    padding: 5px 20px;
    color: #fff;
    border: solid 2px #fff;
    background: transparent;
    text-decoration: underline;
}
.error-404 .text {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 20px;
    margin: 15px 0 15px 0;
    color: #fff;
    text-align: center;
}
/* article cutting fix */
.off-canvas-wrap .inner-wrap #main, .off-canvas-wrap .inner-wrap .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
article p, article h1, article h2, article h3, article h4, article h5, article h6, article a, article span {
    padding-left: 0;
}
article p img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* vendor profile buttons */
.address, #vendorContactNum, #vendorPrimaryEmail, #addressLoader, #contactLoader {
    display: none;
}
#addressButton, #contactButton {
    margin-top: 10px;
    display: block;
    width: 130px !important;
    height: 42px;
    padding: 8px 15px;
    font-size: 16px;
}
section.companyDetails h2 {
    text-align: center;
    font-family: 'Bebas','Georgia', serif;
    word-spacing: 5px;
    font-size: 40px;
    line-height: 1.3;
    color: #062C30;
    margin: 50px 0 25px;
    position: relative;
}
main.businessDashboardNew {
    font-family: "Roboto", sans-serif;
    position: relative;
}
main.businessDashboardNew section, main.biaDashboard section.last-news-bia {
    padding: 50px 0;
}
section.businessCirclechart{
    background: #F2F2F2;
    min-height: 200px;
    display: block;
}
section.businessCirclechart .title h3 {
    font-weight: bold;
    color: #092C30;
    text-align: center;
    padding: 0 0 25px;
    line-height: 28px;
    font-size: 15px;
    text-transform: uppercase;
}
section.businessCirclechart .left-col {
    position: relative;
    padding-left: 0;
}
section.businessCirclechart .border {
    position: absolute;
    right: 25px;
    top: 50px;
    height: calc(100% - 50px);
    width: 2px;
    background: #fff;
    border-left: 1px solid  #ddd;
}
.circle-big {
    position: relative;
}
.circle-big span {
    font-family: "Roboto", sans-serif;
    position: absolute;
    display: block;
    top: -10px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 250px;
    font-size: 65px;
    color: #F9B910;
}
.circle-big span i { font-style: normal; }
.circle-small {
    position: relative;
    height: 115px;
    width: 115px;
    border-radius: 50%;
    color: #00B4CA;
}
.circle-small span {
    font-family: "Roboto", sans-serif;
    position: absolute;
    display: block;
    top: 5px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 100px;
    font-size: 25px;
    color: #00B4CA;
}
.circle-small span i { font-style: normal; }
.circle-holder {
    padding: 20px 0;
}
.circle-holder .col-lg-2 {
    /*-webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;*/
}
.circle-holder .level {
    text-align: center;
    padding: 0 10px;
}
.circle-holder .level-link .title:before {
    content: "";
    position: absolute;
    display: block;
    top: -40px;
    right: 0;
    left: -10px;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    opacity: 0;
    border-color: #F9B910 transparent transparent transparent;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.circle-holder .level-link:hover .title-bot {
    color: #F9B910;
}
.circle-holder .level-link:hover .circle-small span {
    color: #F9B910;
}
.circle-holder .level-link:hover .title:before {
    opacity: 1;
    top: -10px;
}
.level:hover .circle-small span {
    color: #F9B910;
}
.level:hover .circle-small {
    background: #fff;
}
.level-link:hover .title {
    color: #F9B910;
}
.circle-holder .title{
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    padding: 10px 0 20px;
    text-align: center;
    color: #00B4CA;
    position: relative;
    font-size: 14px;
}
.circle-holder .title:after {
    right: -35px;
    top: 15px;
    content: "";
    width: 52px;
    height: 10px;
    background: url('/wp-content/themes/digitalmainstreet/assets/images/new-design/arrow-right-blue.png') no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
}
.circle-holder .col-lg-2:last-child .title:after {
    content: none;
}
.circle-holder .title-bot {
    color: #062C30;
    font-family: "Roboto", sans-serif;
    padding: 20px 0 20px;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: underline;
}
section.addRecomendation .title {
    font-size: 28px;
    color: #072C30;
    line-height: 1.4;
    margin-bottom: 20px;
}
.button-grid-edit:hover,
.button-grid-edit:focus {
    outline: none;
    color: #fff;
    background: rgb(3, 160, 179);
}
.button-grid-edit {
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    background: #00B4CA;
    display: inline-block;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    padding: 0 25px;
    text-decoration: none;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.button-blue:hover,
.button-blue:focus {
    outline: none;
    color: #fff;
    background: rgb(3, 160, 179);
}
.button-blue {
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    background: #00B4CA;
    display: inline-block;
    line-height: 16px;
    border-radius: 4px;
    text-align: center;
    padding: 12px 25px;
    text-decoration: none;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.button-yellow:hover,
.button-yellow:focus {
    outline: none;
    color: #072C30;
    background: rgb(249, 168, 16);
}
.button-yellow {
    min-width: 100px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #072C30;
    background: #F9B910;
    display: inline-block;
    line-height: 16px;
    border-radius: 4px;
    text-align: center;
    padding: 12px 25px;
    text-decoration: none;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.button-white:hover,
.button-white:focus {
    outline: none;
    color: #fff;
    background: #00B4CA;
}
.button-white {
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #00B5CA;
    background: #fff;
    display: inline-block;
    line-height: 16px;
    border-radius: 4px;
    text-align: center;
    padding: 12px 25px;
    text-decoration: none;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.button-gray:hover,
.button-gray:focus {
    outline: none;
    color: #072C30;
    background: #EEEEEE;
}
.button-gray span.gray {
    color: #072C30;
    text-decoration: underline;
}
.button-gray span.red {
    color: #BF392B;
    text-decoration: underline;
}
.button-gray:hover {
    background: rgb(221, 221, 221);
}
.button-gray {
    text-transform: none;
    border: none;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    color: #072C30;
    background: #EEEEEE;
    display: inline-block;
    line-height: 16px;
    border-radius: 4px;
    text-align: center;
    padding: 16px 25px;
    text-decoration: none;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.button-big {
    line-height: 16px;
    font-size: 20px;
    padding: 17px 50px !important;
    max-width: 300px;
}
.button-add:focus {
    outline: none;
}
.button-add {
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #092C30;
    background: #F5B610;
    display: inline-block;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    padding: 0 5px;
    width: 60px;
    text-decoration: none;
}
.button-add .added {
    display: none;
}
.button-add.check {
    background: #ddd;
    color: #F8F8F8;
}
.button-add.check .add {
    display: none;
}
.button-add.check .added {
    display: block;
}

.recommPopup.modal .modal-body {
    min-height: 650px;
}
.recommPopup.modal .modal-header {
    background: #5BB8B5;
    height: 75px;
    display: block;
    padding: 15px 80px;
}
.recommPopup.modal .modal-header h2 {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 35px;
    text-align: left;
}
.recommPopup.modal .modal-dialog {
    background: #F8F8F8;
}
.recommPopup.modal .modal-dialog .modal-content{
    border: none;
    border-radius: 0;
}
.recommPopup.modal .modal-body {
    padding: 20px 80px;
}
.recommPopup.modal .tab-content .tab-pane{
    width: 100%;
}
.recommPopup.modal .task-holder {
    position: relative;
    padding: 10px 100px 10px 20px;
    background: #F2F2F2;
    margin-bottom: 10px;
}
.recommPopup.modal .task-holder:hover {
    background: #f8f8f8;
}
.recommPopup.modal .task-holder .button-add {
    position: absolute;
    right: 20px;
    top: 10px;
}
.tasks-nav {
    margin: 30px 0 40px;
}
.tasks-nav li {
    margin-right: 20px;
}
.tasks-nav li a {
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #00B3CA !important;
    padding: 8px 15px;
    border-radius: 4px;
    background: transparent;
    text-align: center;
    position: relative;
}
.tasks-nav li a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: transparent transparent transparent transparent;
}
.tasks-nav li a.active:after {
    border-color: #00b2ca transparent transparent transparent;
}
.tasks-nav li a.active {
    background: #00B3CA;
    color: #fff !important;
}
.recommPopup.modal .task-holder .task a {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    color: #092C30;
    text-decoration: underline;
}
.addRecomendation .small-title   {
    font-size: 16px;
    font-style: italic;
    color :#072C30;
    padding: 20px 0;
}
.addRecomendation .addRecomendation-holder .task-todo {
    padding: 10px 100px 10px 50px;
    margin-bottom: 10px;
    background: #f9f9f9;
    position: relative;
}
.addRecomendation .addRecomendation-holder .task-todo .task.task-done a {
    text-decoration: line-through;
    color: #00B4CA;
}
.addRecomendation .addRecomendation-holder .task-todo .task.task-done a span {
    color: #092C30;
}
.addRecomendation .addRecomendation-holder .task-todo a {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    color: #092C30;
    text-decoration: underline;
    position: relative;
}
.addRecomendation .btn-wrapper {
    margin-top: 20px;
}
.checkmark-new {
    position: absolute;
    left: 10px;
    top: 12px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/new-design/checkmark-small.png);
    background-position: center center;
    cursor: pointer;
    width: 28px;
    height: 25px;
}
.checkmark-new.complete-check {
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/new-design/checkmark-small-checked.png);
}
.remove-task {
    position: absolute;
    right: 15px;
    top: 15px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/new-design/icon-remove.png);
    background-position: center center;
    cursor: pointer;
    width: 21px;
    height: 20px;
}
.last-news-bia {
    border-top: 1px solid #F2F2F2;
}
.last-news-bia .label {
    background: #092C30;
    color: #fff;
    width: auto;
    display: inline-block;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 14px;
    padding: .4em .9em;
    margin-bottom: 30px;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 1.4;
    position: relative;
}
.last-news-bia .label:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #092C30 transparent transparent transparent;
}
.last-news-bia .holder {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
}
.last-news-bia .holder .title {
    font-family: "Roboto-Light", sans-serif;
    font-size: 18px;
    color: #092C30;
    text-decoration: underline;
}
.tags ul {
    margin: 10px auto;
    padding: 0;
}
.tags ul li {
    display: inline-block;
}
.tags ul li a {
    text-decoration: underline;
    display: block;
    font-family: "Roboto-Light", sans-serif;
    padding: 5px 10px;
    border-radius: 4px;
    background: #F2F2F2;
    font-size: 12px;
    margin: 0 5px 5px 0;
    text-transform: uppercase;
    color: #00B3CA;
}
.tags ul li a:hover {
    background: #F9B910;
    color: #fff;
}
.last-news-bia .holder .event-date {
    font-family: "Roboto", sans-serif;
    background: #F9B910;
    padding: 10px;
    margin: 10px auto;
}
.last-news-bia .holder .news-date {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    margin: 10px auto;
    color: #00B4CA;
}
.last-news-bia .holder .case-date {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    margin: 10px auto;
    color: #00B4CA;
}
.last-news-bia .holder .event-date .time {
    float: right;
    display: inline-block;
}
aside.businessSidebar.secondary {
    width: 200px;
    background: #D9D9D9;
}
aside.businessSidebar .circle-holder .level .column.secondary-col {
    transition: all ease 0.5s;
    opacity: 1;
    visibility: visible;
}
aside.businessSidebar .circle-holder .level .wrapper {
    overflow: hidden;
    display: table;
    height: 100px;
    vertical-align: middle;
}
aside.businessSidebar .circle-holder .level .column.last {
    transition: transform 0.5s;
    transform: translateX(0);
    position: relative;
}
aside.businessSidebar.secondary .circle-holder .level .column.secondary-col {
    visibility: hidden;
    opacity: 0;
    margin-left: -150px;
}
aside.businessSidebar {
    padding-top: 40px;
    position: absolute;
    width: 330px;
    z-index: 9;
    top: 5px;
    bottom: 0;
    left: 0;
    height: 100%;
    -webkit-transition: -webkit-transform .4s;
    background: #F5F5F5;
    transition: width 0.4s, left .4s,transform .4s,opacity .4s,visibility .4s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
aside.businessSidebar .circle-holder {
    padding: 0 0 0;
}
aside.businessSidebar .circle-holder .level {
    padding: 0;
    text-align: left;
    cursor: pointer;
    display: block;
    height: 100px;
    border-bottom: 1px solid #fff;
}
aside.businessSidebar.secondary .level {
    border-color: #ccc;
}
aside.businessSidebar .circle-holder .level .circle-xs {
    color: #FFBC0E;
}
.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #3264BD;
}
.scrollbar-inner > .scroll-element div {
    width: 8px;
}
.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: rgba(255, 255, 255, 0.5);
}
.circle-xs {
    padding-top: 10px;
    position: relative;
    border-radius: 50%;
    height: 75px;
    width: 75px;
    color: #00B4CA;
    display: table-cell;
    vertical-align: middle;
}
.circle-xs span {
    font-family: "Roboto", sans-serif;
    position: absolute;
    display: table-cell;
    top: 15px;
    left: 0;
    width: 75px;
    text-align: center;
    line-height: 75px;
    font-size: 20px;
    color: #00B4CA;
    right: 0;
    margin: 0 auto;
}
#btmCTA,
#topBtmCTA {
    z-index: 9;
    position: relative;
}
.footer-angle {
    height: 100px;
    background: linear-gradient(to bottom right, transparent calc(50% - 1px), #092c30 50%);
    z-index: 9;
}
main.businessDigitalAssessmentNew {
    margin-bottom: -200px;
    padding-bottom: 150px;
    position: relative;
    min-height: 1200px;
    width: 100%;
    overflow: hidden;
}
main.businessDigitalAssessmentNew .Recommendation-Details {
    transition: opacity 0.4s, transform 0.4s;
    transform: translateX(0px);
    overflow-x: hidden;
    padding-left: 250px;
}
main.businessDigitalAssessmentNew.secondary-on .Recommendation-Details{
    transform: translateX(120px);
    width: calc(100% - 120px);
    padding-left: 200px;
}
main.businessDigitalAssessmentNew .digitalAssessmentContent {
    transition: padding-left.4s;
    padding-left: 130px;
}
main.businessDigitalAssessmentNew .dig-assess-score h1 {
    font-family: 'Roboto-Bold','Georgia', serif;
    margin-top: 80px;
    text-transform: uppercase;
    color: #00B5CA;
    text-align: left;
}
aside.businessSidebar .circle-holder .level.active {
    background: #00B4CA;
    position: relative;
}
aside.businessSidebar .circle-holder .level.active:after {
    content: "";
    position: absolute;
    right: -9px;
    top: calc(50% - 8px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #00b6ca;
}
aside.businessSidebar .circle-holder .level.active .circle-xs{
    background: transparent;
    border-color: rgba(255, 255, 255, 0.6);
}
aside.businessSidebar .circle-holder .level.active .circle-xs span {
    color: #fff;
}
aside.businessSidebar .circle-holder .level.active .title-left,
aside.businessSidebar .circle-holder .level.active .title-right {
    color: #fff;
    text-decoration: none;
}
aside.businessSidebar .circle-holder .level .column {
    float: left;
    display: table;
    height: 100%;
    vertical-align: middle;
    transition: opacity 0.5s, margin 0.5s;
}
aside.businessSidebar .circle-holder .level .column:first-child {
    width: 90px;
}
aside.businessSidebar .circle-holder .level .column.secondary-col {
    width: 100px;
    text-align: center;
}
aside.businessSidebar .circle-holder .level .column.last {
    width: 100px;
}
aside.businessSidebar .circle-holder .title:after {
    content: none;
}
aside.businessSidebar .circle-holder .title-left {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #00B4CA;
    position: relative;
    font-size: 18px;
}
.circle-holder .title-left .text {
    transform: rotate(-90deg);
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 38px;
}
.circle-holder .title-left .number {
    font-size: 60px;
    display: inline-block;
    padding-left: 30px;
}
aside.businessSidebar .circle-holder .title-right {
    transition: all ease 0.8s;
    color: #00B5CA;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: underline;
}
section.slider-container {
    padding: 0 !important;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 99;
}
section.slider-container .ui-widget.ui-widget-content {
    border: none;
    background: #40C8D7;
    height: 6px;
    opacity: 1;
}
section.slider-container .ui-widget-header {
    background: #FFBC0E;
}
.start.slider-label {
    margin-left: 0;
}
.start.slider-label:before {
    left: 0;
}
.slider-label {
    position: absolute;
    left: 0;
    padding-top: 5px;
    width: 60px;
    height: 35px;
    margin-left: -31px;
    background: #FFBC0E;
    padding: 2px 5px;
    border-radius: 5px;
    margin-top: 7px;
    font-weight: bold;
    font-size: 16px;
}
.slider-label:before {
    content: "";
    position: absolute;
    display: block;
    top: -6px;
    left: calc(50% - 9px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 7px 8px;
    border-color: transparent transparent #ffbb0e transparent;
}
.slider-label .top {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}
.slider-label .bot {
    top: 2px;
    position: relative;
    padding-left: 5px;
}
.slider-label input {
    width: 25px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
    background: transparent;
    border: none;
    color: #444;
}
aside.businessSidebarSecond .level-content.active {
    visibility: visible;
    opacity: 1;
    transform: translateX(30px);
}
main.secondary-on aside.businessSidebarSecond .level-content {
    left: 300px;
}
aside.businessSidebarSecond .level-content {
    padding: 70px 0;
    margin-bottom: 40px;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    width: 1000px;
    position: absolute;
    left: 170px;
    top: 5px;
    background: #F5F5F5;
    z-index: 8;
    min-height: 100%;
    box-shadow: 4px 0 4px rgba(0,0,0,.05), -1px 0 4px rgba(0,0,0,.05);
    transition: left .4s,transform .4s,opacity .4s,visibility .4s;
    -webkit-transition: left .4s,-webkit-transform .4s,opacity .4s,visibility .4s;
}
aside.businessSidebar .show-btn {
    z-index: 9999;
    display: block;
    position: absolute;
    right: 0;
    top: 12px;
    height: 40px;
    width: 40px;
    color: #FFBC0E;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
}
aside.businessSidebar.secondary .show-btn:after {
    -webkit-animation: slideIn 3s infinite;
    animation: slideIn 3s infinite;
    content: "";
    position: absolute;
    right: -15px;
    height: 23px;
    width: 18px;
    display: block;
    transform: translateX(5px) scale(1.1);
    background-size: cover;
    background-position: right;
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/new-design/collapse-right.png');
}
aside.businessSidebar .show-btn:after {
    -webkit-animation: slideOut 3s infinite;
    animation: slideOut 3s infinite;
    content: "";
    position: absolute;
    right: -13px;
    height: 23px;
    width: 18px;
    display: block;
    transform: translateX(5px) scale(0.9);
    background-position: left;
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/new-design/collapse-left.png');
    background-size: cover;
}
aside.businessSidebar .show-btn:hover:after {
    animation-play-state: paused;
    opacity: 1;
}
@-webkit-keyframes slideIn {
    0% {
        opacity: 1;
        transform: translateX(5px) scale(0.9);
    }
    50% {
        opacity: 0.9;
        transform: translateX(10px) scale(1.1);
    }
    100% {
        opacity: 1;
        transform: translateX(5px) scale(0.9);
    }
}
@-webkit-keyframes slideOut {
    0% {
        opacity: 1;
        transform: translateX(5px) scale(1.1);
    }
    50% {
        opacity: 0.9;
        transform: translateX(10px) scale(0.9);
    }
    100% {
        opacity: 1;
        transform: translateX(5px) scale(1.1);
    }
}
aside.businessSidebarSecond .close-btn {
    z-index: 9999;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 50px;
    color: #00b4ca;
    background: #00B4CA;
    font-size: 20px;
    cursor: pointer;
    text-align: left;
    line-height: 50px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/close-btn.png);
    background-position: center;
}
aside.businessSidebarSecond .level-content .level-holder-new {
    margin-top: 0;
    text-align: left;
    padding: 20px 0;
}
aside.businessSidebarSecond .level-content h3 {
    color: #00B4CA;
    font-size: 40px;
    padding: 0 80px;
    text-transform: uppercase;
    font-family: "Roboto-Medium", sans-serif;
}
aside.businessSidebarSecond .level-content .info-text {
    padding: 20px 0;
    margin: 0 auto;
    color: #082C30;
    font-size: 22px;
    max-width: 840px;
    width: 100%;
    font-family: "Roboto-Light", sans-serif;
}
aside.businessSidebarSecond .level-content .info-text p {
    color: #082C30;
    font-size: 22px;
    font-family: "Roboto-Light", sans-serif;
    margin-bottom: 20px;
}
aside.businessSidebarSecond .level-content .level-list-holder {
    max-width: 800px;
    margin: 40px 0 0;
    border-radius: 5px;
    border-top: 3px solid #FFBC0E;
    border-bottom: 3px solid #FFBC0E;
    padding: 20px 10px;
}
.level-list-holder h2 {
    font-size: 24px;
    color: #00B4CA;
    line-height: 1.4;
    text-transform: uppercase;
    max-width: 560px;
    margin: 0 0 10px;
    font-family: "Roboto-Regular", sans-serif;
}
.level-list-holder ul {
    text-align: left;
    padding-left: 0;
}
.level-list-holder ul li {
    font-size: 18px;
    position: relative;
    padding: 0 30px 10px 40px;
}
.level-list-holder ul li:before {
    left: 0;
    top: 2px;
    content: "";
    width: 27px;
    height: 24px;
    background: url('/wp-content/themes/digitalmainstreet/assets/images/new-design/checkmark-yellow.png') no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
}
aside .scrollbar-inner {
    height: 1200px;
    overflow-x: hidden !important;
}
aside.businessSidebarSecond .level-todo-new {
    padding: 0 80px;
}
aside.businessSidebarSecond .level-todo-new .top {
    clear: both;
    margin: 0 0 10px;
    width: 100%;
}
aside.businessSidebarSecond .level-todo-new .top .left {
    float: left;
    width: 50%;
}
aside.businessSidebarSecond .level-todo-new .top .right {
    float: left;
    width: 50%;
}
aside.businessSidebarSecond .level-todo-new h3 {
    font-family:"Roboto-Bold", sans-serif;
    font-size: 60px;
    padding-left: 0;
    padding-bottom: 15px;
}
aside.businessSidebarSecond .level-todo-new h3 span{
    color: #072C30;
}
aside.businessSidebarSecond .level-todo-new ul.assessmentStats li {
    color: #00B4CA;
    display: inline-block;
    font-size: 14px;
    padding-bottom: 10px;
    float: none;
    font-family: 'Roboto-Light', 'Georgia', serif;
}
aside.businessSidebarSecond .level-todo-new ul.assessmentStats li .text {
    color: #072C30;
    border-bottom: 1px dotted #00B4CA;
}
aside.businessSidebarSecond .level-todo-new .bottom {
    padding: 0 15px 0 40px;
    margin-bottom: 650px;
}
aside.businessSidebarSecond .level-todo-new .bottom h4 {
    width: 100%;
    line-height: 30px;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    background: #00B4CA;
    text-transform: uppercase;
    margin-bottom: 5px;
}
aside.businessSidebarSecond .level-todo-new .sub-levels-holder {
    margin-bottom: 40px;
    width: 100%;
}
aside.businessSidebarSecond .level-todo-new .todo-row {
    border: none;
    position: relative;
    background: #fff;
    padding: 15px 20px 5px;
    margin-bottom: 5px;
}
aside.businessSidebarSecond .level-todo-new .todo-row .loading {
    position: absolute;
    width: 50px;
    left: 25px;
    top: 80px;
    display: none;
}
aside.businessSidebarSecond .level-todo-new .todo-row .task {
    padding-left: 90px;
}
aside.businessSidebarSecond .level-todo-new .todo-row h5 a{
    color: #072C30;
    font-size: 26px;
    line-height: 1.4;
    border-bottom: 1px dashed #00B4CA;
}
aside.businessSidebarSecond .level-todo-new .todo-row.todo-done p a:hover,
aside.businessSidebarSecond .level-todo-new .todo-row.todo-done h5 a:hover {
    color: #fff !important;
    border-color: #fff !important;
}
aside.businessSidebarSecond .level-todo-new .todo-row p a:hover,
aside.businessSidebarSecond .level-todo-new .todo-row h5 a:hover {
    color: #00B4CA !important;
    border-color: #00B4CA !important;
}
aside.businessSidebarSecond .level-todo-new .todo-row p a{
    font-family: "Roboto-Light", sans-serif;
    color: #666666;
    font-size: 18px;
    line-height: 1.2;
}
aside.businessSidebarSecond .level-todo-new .todo-row .task.task-done h5 a,
aside.businessSidebarSecond .level-todo-new .todo-row .task.task-done p a {
    text-decoration: none !important;
    border-color: #000;
}
aside.businessSidebarSecond .level-todo-new .todo-row.todo-done {
    background: #FFBC0E;
}
aside.businessSidebarSecond .level-todo-new .todo-row .checkmark {
    display: block;
    position: absolute;
    float: none;
    width: 64px;
    margin-right: 20px;
    height: 58px;
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/new-design/checkmark-big.png');
    background-size: cover;
    background-repeat: no-repeat;
}
aside.businessSidebarSecond .level-todo-new .todo-row .checkmark.complete-check {
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/new-design/checkmark-big-checked.png');
}
aside.businessSidebarSecond  .scroll-wrapper > .scroll-content {
    overflow-x: hidden !important;
}
main.businessDigitalAssessmentNew #templateLeft {
    padding-top: 0;
}
main.businessDigitalAssessmentNew #templateOffset .button-arrow {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
}
main.businessDigitalAssessmentNew #templateOffset .button-arrow:after {
    content: "";
    display: block;
    position: absolute;
    top: 400px;
    right: 50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    border-color: transparent #00b6ca transparent transparent;
    transform: translateX(0px);
    transition: transform 0.4s;
}
main.businessDigitalAssessmentNew #templateOffset:hover  .button-arrow:after {
    transform: translateX(-20px);
}
main.businessDigitalAssessmentNew #templateLeft .mainContent h2 {
    color: #072C30;
    font-size: 25px;
    margin-top: 20px;
}
main.businessDigitalAssessmentNew #templateLeft .mainContent .itemBody h2 b strong {
    font-size: 20px;
    color: #072C30;
}
.level-title-rec {
    font-size: 16px;
    color: #00B4CA;
    font-family: "Roboto-Light", sans-serif;
    margin: 15px 0;
}
.level-title-rec .level {
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto-bold", sans-serif;
    padding-right: 5px;
}
.businessDigitalAssessmentNew .level-title-rec .step {
    border-bottom: 1px dotted #00B4CA;
    padding: 0;
    border-top: none;
}
.businessDigitalAssessmentNew .level-title-rec .todo {
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto-bold", sans-serif;
    padding-right: 2px;
    color: #000;
}
.businessDigitalAssessmentNew .level-title-rec .step:last-child {
    color: #072C30;
    border-bottom: none;
}
.businessDigitalAssessmentNew .level-title-rec .arrow {
    display: inline-block;
    width: 25px;
    height: 10px;
    background: url('/wp-content/themes/digitalmainstreet/assets/images/new-design/arrow-right-blue.png') no-repeat;
    background-position: right;
}
main.businessDigitalAssessmentNew .vendor-list {
    padding-left: 0;
    margin-top: 0;
}
main.businessDigitalAssessmentNew  .sideBarDealFeature .sideDealInfo h3 {
    color: #40C8D7;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 26px;
}
main.businessDigitalAssessmentNew .sideBarDealFeature .vendorBoxFeature.other {
    background-color: transparent;
}
main.businessDigitalAssessmentNew .sideBarDealFeature .vendorBoxFeature.other .sideDealInfo {
    width: 100%;
    margin: 0;
    padding: 0 20px 0;
}
main.businessDigitalAssessmentNew  .sideBarDealFeature .sideDealInfo {
    width: 100%;
    margin: 0;
    padding: 70px 20px 0;
}
main.businessDigitalAssessmentNew .sideBarDealFeature .vendorBoxFeature {
    background-color: #EEF7F8;
}
main.businessDigitalAssessmentNew  .sideBarDealFeature #view-more-vendors {
    max-width: 220px;
    margin-top: 0;
}
main.businessDigitalAssessmentNew #templateRight.recommendation {
    background-color: #FAFAFA;
}
.product-list .block-list, .vendor-list .block-list {
    background: #fff;
}
main.businessDigitalAssessmentNew .itemBody p,
main.businessDigitalAssessmentNew .itemBody li {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 16px;
    line-height: 1.4;
    color: #072C30;
}
.recommendation .vendor-list .block-list {
    float: left;
    margin: 10px;
    text-align: center;
}
.recommendation .vendor-list .vendorList-logoHolder {
    line-height: 22px;
}
.recommendation .block-list .rollover .vendor-products-new h2 {
    color: #fff;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 0;
    min-height: 1px;
    font-size: 16px;
    font-family: "Roboto-Bold", sans-serif;
    text-transform: uppercase;
    text-align: center;
}
.recommendation .block-list .vendor-products-new {
    text-align: center;
}
.recommendation .block-list .vendor-products-new .cell {
    padding-top: 50px;
}
.recommendation .block-list .rollover .vendor-products-new h2:hover {
    text-decoration: none;
}
.recommendation .block-list .rollover .vendor-products-new  .products-new {
    margin-bottom: 20px;
    padding-right: 5px;
    overflow: hidden;
}
.recommendation .block-list .rollover .vendor-products-new  .products-new a {
    color: #FFBC0E;
    font-size: 13px;
    display: block;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: underline;
}
.recommendation .block-list .rollover .vendor-products-new  .products-new a:hover  i {
    color: #fff;
}
.recommendation .rollover-tags {
    position: absolute;
    padding: 0 15px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 10px auto;
}
.vendor-products-new .scrollbar-inner {
    height: 90px;
}
.assStep {
    font-family: "Roboto-Light", sans-serif;
    color: #072C30;
    font-size: 30px;
    margin-bottom: 20px;
}
.assStep span {
    color: #3FC7D7;
    font-family: "Roboto-Bold", sans-serif;
    text-transform: uppercase;
}
.jumbotron.new {
    background: none;
    padding: 40px 0;
    margin: 0 auto;
}
.jumbotron.new h1 {
    font-family: 'Roboto-Bold','Georgia', serif;
    margin-top: 20px;
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
.jumbotron.new h2 {
    font-family: 'Roboto-Light', 'Georgia', serif;
    color: #092c30;
    font-size: 20px;
    line-height: 34px;
    padding: 15px 0;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
}
.businessDigitalAssessmentNew .step_green {
    color: #00B4CA;
    border-bottom: 1px dotted #00B4CA;
    display: inline-block;
}
.businessDigitalAssessmentNew .step .step_black {
    font-size: 14px;
    padding-top: 5px;
    font-weight: normal;
}
.businessDigitalAssessmentNew div.arrow {
    display: inline-block;
    width: 25px;
    height: 10px;
    background: url(/wp-content/themes/digitalmainstreet/assets/images/new-design/arrow-right-blue.png) no-repeat;
    background-position: right;
    text-indent: -999px;
    max-width: 25px;
    top: 22px;
}
.businessDigitalAssessmentNew .step_active .step_green {
    color: #FFBA0C;
    border-bottom: none;
}
.businessDigitalAssessmentNew .step_active .step_black {
    font-weight: normal;
    font-family: 'Roboto-Light', 'Georgia', serif;
}
.businessDigitalAssessmentNew #DigAsssessFormButtons a {
    max-width: 200px;
    padding: 0 28px;
    display: inline-block;
}
.businessDigitalAssessmentNew form input[type="submit"] {
    padding: 0 28px;
}
#DigAsssessFormButtons {
    height: 100px;
    overflow: hidden;
    margin-top: 30px;
    border: none;
    margin-bottom: 80px;
}
.businessDigitalAssessmentNew .step {
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
    border-top: 1px solid #ccc;
    overflow: hidden;
}
.businessDigitalAssessmentNew .step_1, .businessDigitalAssessmentNew .step_2, .businessDigitalAssessmentNew .step_3, .businessDigitalAssessmentNew .step_4 {
    padding-bottom: 0;
}
.line-form-row {
    padding: 0;
    margin-bottom: -40px;
}
.line-form {
    border-bottom: 1px solid rgb(44, 192, 210);
    text-align: center;
    margin: 10px auto 0;
}
.line-form span {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: rgb(44, 192, 210);
    text-transform: uppercase;
    padding: 15px;
    background: #fff;
    position: relative;
    top: 10px
}
.line-form span.cb-num {
    top: 0;
    padding: 0;
}
.emailNote {
    font-family: "Roboto-Light", sans-serif;
    color: #999;
    display: inline-block;
    position: relative;
    font-weight: normal;
}
.step-tabs {
    width: 100%;
}
.step-tabs ul {
    display: table-row;
}
.step-tabs ul li {
    color: #808080;
    font-size: 14px;
    font-family: "Roboto Medium", sans-serif;
    display: table-cell;
    vertical-align: middle;
    background: #fff;
    width: 20%;
    border: #CCCCCC 1px solid;
    border-left: none;
    position: relative;
    padding: 0 20px 0 40px;
}
.step-tabs ul li:first-of-type {
    border-left:#CCCCCC 1px solid;
}
.step-tabs ul li .count {
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    left: 40px;
    display: block;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 18px;
    top: 50%;
    transform: translateY(-50%);
}
.step-tabs ul li .text {
    line-height: 1;
    display: inline-block;
    padding: 10px 0 10px 30px;
}
.step-tabs ul li:after, .step-tabs ul li:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.step-tabs ul li.active {
    background: #00B5CA;
    color: #fff;
}
.step-tabs ul li.active .text {
    color: #fff;
}
.step-tabs ul li.active .count {
    border-color: #fff;
}
.step-tabs ul li:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
    border-width: 23px;
    margin-top: -23px;
    z-index: 2;
}
.step-tabs ul li.active:before {
    border-left-color: #00B5CA;
    border-width: 24px;
    margin-top: -24px;
    z-index: 2;
}
.step-tabs ul li.active:after {
    border-left-color: #00B5CA;
}
.step-tabs ul li:before {
    border-color: rgba(204, 204, 204, 0);
    border-left-color: #cccccc;
    border-width: 24px;
    margin-top: -24px;
    z-index: 2;
}
.step-tabs ul li:nth-child(6) {
    border-right: 1px solid #CCC;
}
.step-tabs ul li:nth-child(6):before {
    border: none;
}.step-tabs ul li:nth-child(6):after {
     border-left-color: transparent;
 }
section.companyDetails .companyDetails-holder {
}
ul.top-nav {
    padding: 20px 0;
    width: 100%;
}
ul.top-nav li {
    display: inline-block;
    color: #000;
    line-height: 1;
    font-family: "Roboto-Light", sans-serif;
    font-size: 13px;
    padding: 0;
}
ul.top-nav li:after {
    content: "";
    display: inline-block;
    width: 25px;
    height: 10px;
    background: url(/wp-content/themes/digitalmainstreet/assets/images/new-design/arrow-right-blue.png) no-repeat;
    background-position: right;
    max-width: 20px;
    top: 22px;
    margin: 0 5px;
}
ul.top-nav li:last-child:after {
    content: none;
}
ul.top-nav li a {
    display: inline-block;
    color: #00B4CA;
    line-height: 1;
    font-family: "Roboto-Light", sans-serif;
    font-size: 13px;
    padding: 0;
    border-bottom:1px solid #00B4CA;
}
ul.top-nav li a:hover {
    border: none;
}
a.edit-btn:hover {
    border: none;
}
a.edit-btn {
    font-family: "Roboto-Light", sans-serif;
    line-height: 1;
    font-size: 13px;
    margin-left: 25px;
    border-bottom:1px solid #00B4CA;
}
.company-details {
    padding: 0 0 20px;
}
.company-details p {
    font-size: 16px;
}
.company-details a {
    color: #00B4CA;
}
main.businessDigitalAssessmentNew ul.top-nav {
    margin-top: 50px;
}
.news-nav h3 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
}
.news-nav {
    margin-bottom: 20px;
}
.tag-list li.active a {
    background: #00B3CA;
    color: #fff;
}
.open-sidebar main:after {
    top: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    z-index: 3;
    position: absolute;
    background: rgba(9, 44, 48, 0.7);
}
aside.businessSidebarSecond .level-content .mobile-title h3 {
    color: #ffffff;
    background: #00b4ca;
    line-height: 25px;
    padding-left: 0;
    text-align: center;
    margin-bottom: 10px;
    max-width: 70px;
    font-size: 14px;
    position: relative;
}
aside.businessSidebarSecond .level-content .mobile-title h3:before {
    content: "";
    position: absolute;
    right: -8px;
    height: 100%;
    width: 2px;
    background: #f5f5f5;
    top: 0;
    border-left: 2px solid #00b4ca;
    border-right: 2px solid #00b4ca;
}
aside.businessSidebarSecond .level-content .mobile-title h3:after {
    content: "";
    position: absolute;
    right: -21px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 11px;
    border-color: transparent transparent transparent #00b6ca;
}
main.biaDashboard .table{
    font-family: "PT Sans", sans-serif;
}
main.biaDashboard  .title {
    font-size: 28px;
    color: rgb(7, 44, 48);
    line-height: 1.4;
    margin-bottom: 20px;
    max-width: 900px;
}
section.bia-boxes {
    margin: 30px 0 50px;
}
section.bia-boxes .boxes-holder .box h4 {
    font-size: 17px;
    font-weight: normal;
    text-align: center;
    font-family: "Roboto", sans-serif;
    margin-bottom: 20px;
}
section.bia-boxes .boxes-holder .box:nth-child(6n) {
    margin-right: 0;
}
section.bia-boxes .boxes-holder .box {
    margin-right: 12px;
    margin-bottom: 12px;
    height: 180px;
    width: 180px;
    display: block;
    float: left;
    background-color: #00B5CA;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    position: relative;
}
section.bia-boxes .boxes-holder .box .btn-holder{
    text-align: center;
}
section.bia-boxes .boxes-holder .box .icon {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 16px;
    text-align: center;
}
section.bia-boxes .boxes-holder .btn-holder a {
    padding: 0;
    text-transform: none;
    float: none;
    max-width: 72px;
    width: 68px;
    font-size: 12px;
}
section.bia-boxes .boxes-holder .btn-holder a.bia-button-yellow:hover {
    background: rgb(249, 168, 16);
}
section.bia-boxes .boxes-holder .btn-holder a.bia-button-white:hover {
    background: rgb(242, 242, 242);
}
section.bia-boxes .boxes-holder .btn-holder .bia-button-white {
    margin-left: 3px;
}
section.bia-boxes .boxes-holder .btn-holder .bia-button-yellow {
    margin-right: 3px;
}
table.dataTable tbody td.select-checkbox input{
    display: none;
}
.bia-button-yellow:hover {
    color: #092C30;
}
.bia-button-yellow {
    color: #092C30;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 12px;
    background: #F9B910;
    display: inline-block;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    padding: 0 5px;
    text-decoration: none;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.bia-button-white:hover {
    color: #00B5CA;
}
.bia-button-white {
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #00B5CA;
    background: #fff;
    display: inline-block;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    padding: 0 5px;
    text-decoration: none;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
section.bia-tabs .menu {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding-top: 0;
}
section.bia-tabs .menu li.active a {
    color: #1FBDD0;
    border-color: #FCBB0F;
}
section.bia-tabs .menu li a.active {
    color: #1FBDD0;
    border-color: #FCBB0F;
}
section.bia-tabs .menu li {
    margin-right: 25px;
    padding: 0 15px;
    display: inline-block;
}
section.bia-tabs .menu li a {
    display: block;
    font-size: 16px;
    color: #082C30;
    padding: 15px 8px;
    font-family: "Roboto-Regular", sans-serif;
    border-bottom: 2px solid transparent;
}
section.bia-tabs .addNew {
    min-width: 150px;
}
section.bia-tabs .tab-content {
    margin: 30px 0;
}
section.bia-tabs .tab-content .table a:not(.button-grid-edit){
    color:#1FBDD0 ;
    text-decoration: underline;
}
section.bia-tabs .tab-content .table {
    margin-top: 15px;width: 100% !important;
}
section.bia-tabs .tab-content .table thead {
    background-color: #092C30;
    width: 100% !important;
}
section.bia-tabs .tab-content .table thead th {
    color: rgb(160, 183, 185);
    font-size: 12px;
    text-transform: uppercase;
    padding: 15px 10px;
}
section.bia-tabs .tab-content .table tbody td:first-child {
    padding: 15px 5px;
}
section.bia-tabs .tab-content .table tbody td {
    font-size: 13px;
    color: #082C30;
    padding: 15px 10px;
    line-height: 1.1;
}
section.bia-tabs .tab-content .table tbody tr {
    transition: all ease 0.8s;
}
table.dataTable tr.selected .btn-delete {
    opacity: 1;
}
table.dataTable tr.selected,
section.bia-tabs .tab-content .table tbody tr.hover {
    background-color: rgba(191, 236, 242, 0.32) !important;
}
section.bia-tabs .tab-content .table tbody tr.featured td {
    color: #00B4CA !important;
}
section.bia-tabs .tab-content .table tbody tr:nth-of-type(even) {
    background-color: #F8F8F8;
}
section.bia-tabs .tab-content .table tbody tr:nth-of-type(odd) {
    background-color: #fff;
}
section.bia-tabs .tab-content .table tbody tr:nth-of-type(odd) td {
    color: #95A5A6;
}
.dataTables_empty { text-align: center !important; }
section.bia-tabs .tab-content .table-filter {
    margin: 10px 0 0;
    line-height: 40px;
}
section.bia-tabs .tab-content .table-filter .results {
    font-size: 12px;
    color: #062C30;
    font-weight: bold;
}
section.bia-tabs .tab-content .table-filter .results > span:first-child {
    padding-left: -0px;
}
section.bia-tabs .tab-content .table-filter .results > span {
    padding: 0 15px;
    text-decoration: underline;
    cursor: pointer;
}
section.bia-tabs .tab-content .table-filter .results > span.selected {
    text-decoration: none;
    cursor: default;
    color: #1FBDD0;
}
section.bia-tabs .tab-content .table-filter .results > span i{
    font-style: normal;
}
.dataTable td{
    vertical-align: middle;
}
.dataTables_filter input{display: none}
.selectize-control.single .selectize-input:before {
    content: "";
    display: block;
    position: absolute;
    right: 40px;
    width: 1px;
    height: 20px;
    background: #CCC;
}
.table-filter .selectize-input {
    background-color: #fff;
}
.table-filter .button-blue {
    text-transform: none;
}
.search-group {
    position: relative;
}
.search-group .search-btn {
    right: 0;
    top: 0;
    position: absolute;
    border: none;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: rgb(255, 255, 255);
    background: rgb(0, 180, 202);
    line-height: 40px;
    height: 40px;
    width: 40px;
    z-index: 5;
    text-align: center;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: all ease 0.5s;
}
.search-group .search-btn:hover {
    background: rgb(3, 160, 179);
}
.search-group input {
    font-family: "Roboto-Light", sans-serif;
    font-style: italic;
    border: 1px solid rgb(208, 208, 208);
    padding: 0 8px;
    display: block;
    width: 100%;
    height: 40px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow:none;
    box-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 40px;
}
.table .btn-delete .icon-close{
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/new-design/icon-remove.png);
    background-position: center center;
    cursor: pointer;
    width: 21px;
    height: 20px;
}
.table .icon-exclusive{
    display: block;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/new-design/icon-exclusive.png);
    background-position: center center;
    height: 16px;
    width: 16px;
    margin: 0;
}
.table .icon-star{
    display: block;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/new-design/icon-star.png);
    background-position: center center;
    width: 16px;
    height: 15px;
    margin: 0;
}
.dataTables_wrapper .dataTables_length {
    margin-bottom: 15px;
}
.dataTables_wrapper .dataTables_length label {
    width: 250px;
    font-size: 12px;
    color: rgb(6, 44, 48);
}
table.dataTable thead th:last-child.sorting {
    background-image: none;
}
table.dataTable thead th:first-child {
    width: 20px;
}
table.dataTable thead th.column-featured {
    padding-right: 15px !important;
}
.table-hover tbody tr:hover td .btn-delete {
    opacity: 1;
}
table.dataTable tbody td .btn-delete {
    position: relative;
    height: 22px;
    width: 22px;
    cursor: pointer;
    opacity: 0;
    transition: all ease 0.3s;
}
table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before{
    border-radius: 4px;
    background-color: #F5F5F5;
    border: 1px solid #E5E5E5;
}
table.dataTable tbody  tr.selected td.select-checkbox:before,
table.dataTable tbody  tr.selected th.select-checkbox:before {
    background: rgb(0, 178, 200);
    border-color: rgb(0, 178, 200);
}
table.dataTable tbody td.select-checkbox::before, table.dataTable tbody td.select-checkbox::after, table.dataTable tbody th.select-checkbox::before, table.dataTable tbody th.select-checkbox::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    margin-top: -10px;
}
.dataTables_wrapper .dataTables_processing {
    top: 21px;
    padding: 0;
    line-height: 50px;
    display: inline-block;
    background: rgba(255,255,255,0.8);
    margin-top: 0;
    height: 100%;
    font-family: 'Roboto-Bold','Georgia', serif;
}
table.dataTable tbody tr td:last-child{text-align: right}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border-color: transparent;
    background: rgb(0, 180, 202);
    border-radius: 4px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border-color: transparent;
    background: rgb(249, 185, 16);
    border-radius: 4px;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    color: #fff !important;
    border-color: transparent;
    background: rgb(249, 185, 16);
    border-radius: 4px;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: rgba(102, 102, 102, 0.44) !important;
}
table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
    content: '\2714';
    margin-top: -5px;
    margin-left: -6px;
    text-align: center;
    text-shadow: none;
    font-size: 15px;
    color: rgb(255, 255, 255);
}
table.dataTable thead .sorting_asc {
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/new-design/sort_asc.png);
}
table.dataTable thead .sorting_desc {
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/new-design/sort_desc.png);
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    line-height: 1;
}
table.dataTable.no-footer {
    border-bottom: none;
    margin-bottom: 10px;
}
section.bia-profile {
    margin: 40px 0;
}
section.bia-profile .line-form{
    text-align: left;
    margin-top: 0;
}
section.bia-profile .line-form span{
    padding-left: 0;
}
section.bia-profile.disabled .title {
    color: #ccc;
}
section.bia-profile.disabled .buttons-holder {
    display: none;
}
section.bia-profile .title {
    font-size: 28px;
    margin-bottom: 0;
    color: #2CC0D2;
}
.text-description {
    display: block;
    width: 100%;
}
p.label-text {
    font-size: 20px;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    line-height: 36px;
}
.buttons-holder{text-align: right}
section.bia-profile .buttons-holder a {
    margin-right: 10px;
    min-width: 110px;
}
section.bia-profile .buttons-holder a:last-child {
    margin-right: 0;
}
section.bia-profile .switch-holder {
    padding-top: 5px;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: rgb(255, 255, 255);
    background: rgb(44, 192, 210);
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
    background: rgb(249, 185, 16);
    color: rgb(255, 255, 255);
}
.bia-form .row {
    padding: 1em 0;
}
.bia-form .row.no-padding {
    padding-top: 0;
    padding-bottom: 0;
}
.bia-form  {
    font-size: 16px;
}
.multiselect-holder .search-group {
    margin-bottom: 20px;
}
.multiselect-holder .ms-container {
    width: 100%;
}
.multiselect-holder .ms-container .ms-selectable,
.multiselect-holder .ms-container .ms-selection {
    width: 48%;
}
.multiselect-holder .search-group {
    max-width: 360px;
}
.multiselect-holder .search-group .search-btn {
    background: transparent;
    color: rgb(0, 180, 202);
    cursor: default;
}
.multiselect-holder .ms-container .ms-selectable li.ms-elem-selectable,
.multiselect-holder .ms-container .ms-selection li.ms-elem-selection {
    position: relative;
    border-bottom: 1px solid rgb(223, 245, 248);
    padding: 8px 120px 8px 10px;
    color: #062C30;
    font-size: 13px;
}
.multiselect-holder .ms-container .ms-list {
    height: 500px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 0;
    border-right: none;
    border-left: none;
    border-top: 1px solid #DDDDDD;
    border-bottom: none;
    line-height: 1.2;
}
.multiselect-holder  .ms-container .ms-selectable li.ms-elem-selectable span:after {
    content: "Recommendation";
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #A2B0B1;
    text-transform: uppercase;
}
.multiselect-holder  .ms-container .ms-selectable li.ms-elem-selectable.ms-hover span:after {
    right: 30px;
}
.multiselect-holder  .ms-container .ms-selectable li.ms-elem-selectable.ms-hover span:before {
    right: 5px;
    top: 5px;
    content: "";
    width: 20px;
    height: 20px;
    background: url('/wp-content/themes/digitalmainstreet/assets/images/new-design/icon-plus.png') no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
}
.multiselect-holder  .ms-container .ms-selection li.ms-elem-selection span:after {
    content: "Recommendation";
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #A2B0B1;
    text-transform: uppercase;
}
.multiselect-holder  .ms-container .ms-selection li.ms-elem-selection.ms-hover span:after {
    right: 30px;
}
.multiselect-holder  .ms-container .ms-selection li.ms-elem-selection.ms-hover span:before {
    right: 5px;
    top: 5px;
    content: "";
    width: 21px;
    height: 20px;
    background: url('/wp-content/themes/digitalmainstreet/assets/images/new-design/icon-remove.png') no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
}
.multiselect-holder .ms-container .ms-selectable li.ms-hover,
.multiselect-holder .ms-container .ms-selection li.ms-hover {
    cursor: pointer;
    text-decoration: none;
    background-color: #DFF5F8;
}
.text-link:hover {
    color: rgb(44, 192, 210);
}
.text-link {
    color: rgb(44, 192, 210);
}
.form-group .btn-holder a {
    margin-right: 15px;
}
.form-group .input-group-addon {
    background: rgb(246, 246, 246);
    border-left: none;
}
.form-group .search-tag-holder {
    position: relative;
}
.form-group .search-tag-holder .btn-add-tag:after {
    right: 10px;
    top: 10px;
    content: "";
    width: 20px;
    height: 20px;
    background: url('/wp-content/themes/digitalmainstreet/assets/images/new-design/icon-plus.png') no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
}
.form-group .search-tag-holder .btn-add-tag.active {
    opacity: 1;
}
.form-group .search-tag-holder .btn-add-tag {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 40px;
    display: block;
    cursor: pointer;
    opacity: 0;
}
.tags-form {
    margin: 25px 0;
}
.tags-form ul li:nth-child(even) a {
    background: rgb(249, 185, 16);
    color: rgb(255, 255, 255);
}
.tags-form ul li:nth-child(even) a:hover {
    background: rgb(249, 185, 16);
    color: rgb(255, 255, 255);
}
.tags-form ul li a:hover {
    color:rgb(0, 179, 202);
    background: rgb(242, 242, 242);
}
.tags-form ul li {
    display: inline-block;
}
.tags-form ul li a .btn-close {
    position: absolute;
    height: 30px;
    width: 30px;
    display: block;
    top: -22px;
    right: -10px;
    opacity: 0;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    border-radius: 50%;
}
.tags-form ul li a:hover .btn-close {
    opacity: 1;
}
.tags-form ul li a .btn-close:after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/new-design/icon-remove.png);
    background-position: center center;
    cursor: pointer;
    width: 21px;
    height: 20px;
    left: 0;
    right: 0;
    margin: 5px auto;
}
.tags-form ul li a {
    display: block;
    position: relative;
    font-family: "Roboto-Light", sans-serif;
    padding: 5px 10px;
    border-radius: 4px;
    background: rgb(242, 242, 242);
    font-size: 12px;
    margin: 0 10px 10px 0;
    text-transform: uppercase;
    color: rgb(0, 179, 202);
}
.roboto-15 { font-family: 'Roboto-Light', 'Georgia', serif; font-size: 15px; }
.roboto-22 { font-family: 'Roboto-Light', 'Georgia', serif; font-size: 22px; }
h3.program-heading { color: #00B4CA; font-family: 'Bebas','Georgia', serif; font-size: 30px; word-spacing: 5px; margin-bottom: 20px; }
.file-cont input { display: none; }
.file-cont label { display: block; margin-top: 20px; float: right;width: 265px; }
.file-cont label span {
    display: block;
    height: 265px;
    background-color: #fafafa;
    border: 2px solid #eee;
    position: relative;
}
.file-cont label img {
    width: 100%;
    height: auto;
    float: right;
}
.file-cont label span i {
    position: absolute;
    display: block;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -10px;
    font-weight: normal;
    font-style: normal;
    color: #666;
}
.file-name.selected {
    font-size: 13px;
    font-weight: normal;
    overflow: hidden;
    text-align: right;
    position: relative;
    padding-top: 15px;
}
.file-name.selected i {
    color: red;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.msg {
    padding: 10px 20px;
    font-size: 16px !important;
    margin-bottom: 10px;
}
.msg.msg_success {
    background-color: #85f585;
    border-left: 3px solid green;
}
.msg.msg_error {
    background: #fcd0d0;
    border-left: 3px solid red;
    color: #000;
}
.emails_list {
    height: 425px;
    overflow-y: auto;
}
.emails_list a {
    color: #2CC0D2;
    font-size: 13px;
    text-decoration: underline;
}
input.form-control.v-error,
input.form-control.v-error:focus,
textarea.form-control.v-error,
textarea.form-control.v-error:focus {
    border-color: red;
}
.input-group.v-error .input-group-addon{
    border-color: red;
}
label.v-error {
    position: absolute;
    color: red;
    font-size: 12px;
    top: 0;
    right: 15px;
    z-index: 10;
}
label.v-error:after,
label.v-error:before{
    display: none;
}
.custom-form { border-bottom: 1px solid #00B4CA; padding-bottom: 20px; margin-bottom: 20px; }
div[data-type="google_map"].acf-field{padding: 0}
div[data-type="google_map"].acf-field label{
    font-weight: normal;
    font-family: 'Roboto-Regular', 'Georgia', serif;
    font-size: 16px;
    color: #4a4a4a;
}
@media (max-width: 992px) {
    #subscribe .cont-ready { padding-left: 0; }
    #subscribe #mailChimpSignUp .form label, #subscribe .cont-ready h1 { font-size: 16px; }
    aside.businessSidebar { visibility: hidden; }
}
@media (max-width: 768px) {
    #subscribe .cont-ready { text-align: center; padding: 0 0 20px 0; }
    #subscribe #mailChimpSignUp { text-align: center; }
    #subscribe #mailChimpSignUp .form label, #subscribe .cont-ready h1 { font-size: 20px; display: block; }
    #subscribe .cont-or p { padding-bottom: 20px; }
}
.au-btn-yellow {
    display: inline-block;
    color: #000 !important;
    font-size: 22px;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    background: #ffbc0e;
    border: solid 1px #ffbc0e;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-decoration: none !important;
    line-height: 25px;
    height: auto;
    padding: 25px 50px;
}
.au-btn-yellow:focus-visible, .btn-yellow:focus-visible, .btn-blue:focus-visible, .btn-green:focus-visible, .btn-transparent:focus-visible {
    outline: 2px solid #000;
    outline-offset: 4px;
}
.au-btn-yellow.smaller {
    padding: 20px 25px;
    font-size: 20px;
    line-height: 20px;
}
.au-btn-yellow:hover {
    color: #000;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);
}
.au-btn-holder {
    margin: 20px 0;
}
main.about-us .feature-header:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,000000+100&0+0,0.55+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#8c000000',GradientType=0 ); /* IE6-9 */
}
main.about-us .feature-header {
    height: 520px;
    width: 100%;
    padding-top: 60px;
    position: relative;
    background-size: cover;
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/about-us/about-us-banner-new.jpg');
    background-repeat: no-repeat;
}
main.about-us .feature-header .banner-content {
    max-width: 1100px;
    margin: 14% auto 20px;
    position: relative;
    z-index: 2;
}
main.about-us .feature-header .banner-content h2 {
    color: #fff;
    font-size: 60px;
    margin-bottom: 6%;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: bold;
    line-height: 1.2;
    text-shadow: 6px 5px 0 rgba(0, 0, 0, 0.2);
}
main.about-us .feature-header .banner-content .banner-info {
    color: #fff;
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 20px;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: normal;
}
main.about-us h1.au-title {
    font-family: 'Roboto', sans-serif;
    color: #062C30;
    font-size: 70px;
    font-weight: bold;
    margin-bottom: 30px;
}
main.about-us h2.au-title, .au-community h2.au-title {
    font-family: 'BebasNeueBold','Georgia', serif;
    font-size: 54px;
    color: #5FD0DE;
    font-weight: normal;
    margin-bottom: 20px;
    word-spacing: 5px;
}
main.about-us .au-info, .au-community .au-info {
    font-size: 22px;
    color: #444444;
    line-height: 1.8;
    max-width: 980px;
    margin: 20px auto;
    font-family: 'Roboto-Light', sans-serif;
}
section.au-dms {
    padding: 80px 0;
}
section.au-dms .au-boxes .box {
    position: relative;
    background-color: #00B5CA;
    padding: 40px 30px;
    border-radius: 10px;
    box-shadow: 0 0 30px #c1baba;
    min-height: 375px;
}
section.au-dms .au-boxes .box .box-title {
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    color: #fff;
    padding-bottom: 25px;
    position: relative;
}
section.au-dms .au-boxes .box .box-title .box-line {
    position: absolute;
    bottom: 0;
    left: -45px;
    height: 2px;
    width: 100%;
    background-color: #FFBC0E;
}
section.au-dms .au-boxes {
    margin: 20px 0;
}
section.au-dms .au-boxes .box .box-text {
    padding-top: 20px;
    font-family: 'Roboto Light', sans-serif;
    font-size: 18px;
    color: #fff;
    padding-right: 40px;
    line-height: 1.6;
}
section.au-community {
    padding-top: 0;
    position: relative;
    z-index: 2;
}
section.au-get {
    position: relative;
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/about-us/about-us-get.png);
    background-position: center center;
    min-height: 1100px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 11% 0;
}
main.about-us section.au-get h2 {
    font-family: 'Roboto Bold', sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 50px;
    margin-bottom: 30px;
}
section.au-get .au-tab .col-8 {
    padding-top: 10px;
    padding-left: 0;
}
section.au-get .au-tab {
    display: block;
    padding: 15px 5px 15px 30px;
    margin-bottom: 5px;
    color: #fff;
    max-width: 370px;
    font-size: 20px;
    transition: all ease 0.5s;
    position: relative;
}
section.au-get .au-tab.active .au-tab-bg {
    opacity: 1;
    transform: translateX(0px);
}
section.au-get .au-tabs-menu {
    overflow: hidden;
}
section.au-get .au-tabs-menu.small .au-tab .au-icon img{
    max-width: 70px;
}
section.au-get .au-tabs-menu.small .au-tab .col-8 {
    padding-right: 0;
}
section.au-get .au-tabs-menu.small .au-tab{
    padding: 10px 5px 10px 30px;
    font-size: 16px;
}
section.au-get .au-tab .au-tab-bg {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transform: rotateY(240deg);
    opacity: 0;
    top: 0;
    left: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,47d7c9+0,00818d+100&0.2+0,0+100 */
    background: -moz-linear-gradient(left, rgba(71,215,201,0.2) 0%, rgba(0,129,141,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(71,215,201,0.2) 0%,rgba(0,129,141,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(71,215,201,0.2) 0%,rgba(0,129,141,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3347d7c9', endColorstr='#0000818d',GradientType=1 ); /* IE6-9 */
    transition: all 0.4s cubic-bezier(0.05, 0.020, 0.270, 0.25);
    transform-origin: right;
}
section.au-get .au-tabs-menu {
    margin: 0;
    padding: 0;
}
section.au-get .au-tabs-menu  li {
    list-style: none;
}
section.au-get .au-tabs-content {
    padding-top: 30px;
    padding-left: 100px;
    position: relative;
    max-width: 600px;
}
section.au-get .au-tab-content {
    opacity: 0;
    visibility: hidden;
    color: #fff;
    position: absolute;
    transition: all  ease 0.65s;
    transform-origin: right;
    transform:  translateX(0) rotateY(70deg);
    width: 100%;
}
section.au-get .au-tab-content.active {
    opacity: 1;
    visibility: visible;
    transform:  translateX(0px) rotateY(0deg);
}
section.au-get .au-tab-content ul li {
    padding-left: 50px;
    position: relative;
    margin-bottom: 20px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
}
section.au-get .au-tab-content ul li:before {
    content: "";
    position: absolute;
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/about-us/icons/check-mark.png');
    height: 32px;
    width: 33px;
    top: 0;
    left: 0;
}
section.au-grand-columns {
    margin: 20px 0 80px;
}
section.au-grand-columns .box-column {
    max-width: 470px;
    position: relative;
    margin: 0 auto 30px;
}
section.au-grand-columns .box-column .title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
}
section.au-grand-columns .box-column .box-line {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width:100%;
    background-color: #FFBC0E;
}
section.au-grand-columns .box-column .description {
    font-family: 'Roboto Light', sans-serif;
    font-size: 18px;
    padding-right: 40px;
    line-height: 1.6;
}
section.au-grand-columns .box-column .description a {
    font-family: 'Roboto Bold', sans-serif;
    font-weight: 500;
    color: #5FD0DE;
    text-decoration: underline;
}
section.au-grand-title {
    padding: 40px 0 15px;
}
section.au-grand {
    padding: 40px 0 15px;
}
section.au-grand h3 {
    font-family: 'BebasNeueBold','Georgia', serif;
    font-size: 50px;
    color: #5FD0DE;
    font-weight: 400;
    margin-bottom: 20px;
    word-spacing: 5px;
    text-transform: none;
}
section.au-grand h2 {
    font-family: 'Roboto', sans-serif;
    color: #062C30;
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 25px;
}
section.au-grand p  {
    font-size: 22px;
    color: #444444;
    line-height: 1.8;
    max-width: 980px;
    margin: 20px auto;
    font-family: 'Roboto-Light', sans-serif;
}
/*section.au-grand a {
    color: #03B6CB;
    text-decoration: underline;
}*/
section.au-cost {
    padding-top: 0;
    margin-top: 0;
}
section.au-cost h2 {
    font-family: 'Roboto', sans-serif;
    color: #062C30;
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 0;
}
section.au-cost .au-city-boxes {
    margin: 50px 0;
}
section.au-cost .au-city-boxes .au-city-logo {
    display: table;
    height: 80px;
    margin: 20px auto 40px;
}
section.au-cost .au-city-boxes .au-city-logo .logo {
    display: table-cell;
    padding: 0 25px;
    vertical-align: middle;
}
section.au-cost .au-city-boxes .au-city-box {
    max-width: 353px;
    margin: 0 auto;
    text-align: center;
    border: 3px solid #03B6CB;
    border-radius: 10px;
    padding: 60px 15px 30px;
    position: relative;
    min-height: 330px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
section.au-cost .au-city-boxes .au-city-box .icon {
    margin-bottom: -25px;
}
section.au-cost .au-city-boxes .au-city-box:hover {
    box-shadow: 15px 15px 30px #c1baba4d;
}
section.au-cost .au-city-boxes .au-city-box:hover .icon img {
    animation: pulse 1.5s infinite;
}
@-webkit-keyframes pulse {
    0% {
        transform: scale(1);
    }
    70% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}
section.au-cost .au-city-boxes .au-city-box .icon img {
    background: #fff;
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
section.au-cost .au-city-boxes .au-city-box h3 {
    color: #00818D;
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 34px;
    font-family: 'Bebas','Georgia', serif;
    word-spacing: 5px;
}
section.au-cost .au-city-boxes .au-city-box .text {
    font-size: 16px;
    font-family: 'Roboto-Light', sans-serif;
}
section.au-cost .au-city-boxes .au-city-box .btn-holder {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
section.au-cost .au-city-boxes .au-city-box .btn-select {
    display: inline-block;
    height: 50px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    padding: 10px 55px;
    background: #ffbc0e;
    border: solid 1px #ffbc0e;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
}
section.au-cost .au-city-boxes .au-city-box .price-holder {
    color: #00808C;
    font-size: 25px;
    margin-top: 30px;
    font-family: 'Roboto-Regular', sans-serif;
}
section.au-cost .au-city-boxes .au-city-box .price-holder .dollar {
    position: relative;
    top: -7px;
}
section.au-cost .au-city-boxes .au-city-box .price-holder .year {
    position: relative;
    top: 3px;
    font-family: 'Roboto-Light', sans-serif;
    font-size: 22px;
}
section.au-cost .au-city-boxes .au-city-box .price-holder .price {
    color: #03B6CB;
    font-size: 40px;
    font-family: 'Roboto-Bold', sans-serif;
}
section.au-cost .au-city-boxes.au-city-border  {
    margin-top: 40px;
    border: 3px solid #00B4CA;
    padding: 0 20px 20px;
    text-align: center;
}
section.au-cost .au-city-boxes.au-city-border h3 {
    display: inline-block;
    font-family: 'Bebas','Georgia', serif;
    word-spacing: 5px;
    font-size: 30px;
    margin: -20px auto 20px auto;
    color: #00B4CA;
    background: #fff;
    padding: 0 25px;
    text-align: center;
}
section.au-cost .info-italic {
    padding: 40px 0;
    color: #444444;
    font-size: 18px;
    max-width: 1000px;
    margin: 0 auto;
    font-family: 'Roboto-Light', sans-serif;
    font-style: italic;
}
section.au-form .wrapper {
    max-width: 500px;
    margin: 0 auto;
}
section.au-form .au-form-header{
    background: #FFAD00;
    padding: 60px 0 30px;
    color: #fff;
    text-align: center;
    position: relative;
}
section.au-form .au-form-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    border: solid #0000;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: #fff0;
    border-top-color: #fff;
    border-width: 25px;
    margin-left: -12px;
}
section.au-form .au-form-header h2 {
    font-size: 40px;
    font-family: 'Roboto-Bold', sans-serif;
}
section.au-form .au-form-header .info {
    font-size: 22px;
    font-family: 'Roboto-Regular', sans-serif;
    max-width: 800px;
    padding-top: 10px;
    margin: 0 auto;
}
section.au-form .au-form-header .info a {
    color: #FFF;
    text-decoration: underline;
}
section.au-form .au-form-header .info a:hover {
    text-decoration: none;
}
section.au-form .au-form-body {
    color: #fff;
    padding: 40px 0;
}
section.au-form .form-group .label-placeholder {
    font-family: 'Roboto-Light', sans-serif;
    position: absolute;
    top: 7px;
    left: 15px;
    line-height: 28px;
    padding: 0;
    margin: 0;
    color: #666666;
    font-size: 16px;
    font-style: italic;
    border-radius: 0;
    font-weight: 200;
    transition: 0.1s ease all;
    pointer-events: none;
    width: 100%;
    z-index: 4;
}
section.au-form .form-group .check.label-placeholder:after {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    top: -5px;
    right: 0;
    color: #ffad00;
}
section.au-form .wrapper .row {
    padding: 0;
}
section.au-form .form-group .active.label-placeholder {
    top:-25px;
    left: 0;
    color: #fff;
    font-size: 14px;
    font-style: normal;
}
section.au-form .form-group {
    margin-bottom: 35px;
}
section.au-form .form-control {
    height: 44px;
    border: none;
    font-family: 'Roboto-Light', sans-serif;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    padding-left: 15px;
}
section.au-form .form-control:focus {
    outline: none;
    box-shadow: none;
}
section.au-form hr.top {
    margin-top: 35px;
    margin-bottom: 35px;
}
section.au-form hr {
    border-top: 2px solid #4DA7AF;
    margin-top: 0;
    margin-bottom: 35px;
    padding: 0;
}
section.au-form .body-title .city-type-holder .city-type {
    font-size: 34px;
    font-family: 'Bebas','Georgia', serif;
    background: #00818D;
    position: relative;
    bottom: -9px;
    display: inline-block;
    word-spacing: 5px;
}
section.au-form .body-title .city-type-holder {
    border-bottom: 2px dotted #fff;
}
section.au-form .body-title .price-holder {
    position: relative;
    bottom: -7px;
    padding-left: 5px;
}
section.au-form .body-title .price-holder .price {
    font-size: 40px;
    font-family: 'Roboto-Bold', sans-serif;
}
section.au-form .body-title .price-holder .dollar {
    position: relative;
    font-size: 25px;
    top: -7px;
}
section.au-form .body-title .price-holder .year {
    position: relative;
    top: 0;
    font-family: 'Roboto-Light', sans-serif;
    font-size: 22px;
}
section.au-form .body-title .choose-btn:hover {
    text-decoration: none;
}
section.au-form .body-title .choose-btn {
    color: #FFAD00;
    font-size: 16px;
    text-decoration: underline;
    margin-top: 35px;
}
section.au-form .form-group .selectize-control.single .selectize-input {
    height: 44px;
    padding: 12px 20px;
    border: none;
    color: #000;
    background-color: #fff;
}
section.au-form .selectize-control.single .selectize-input input {
    border: none;
    font-family: 'Roboto-Light', sans-serif;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    font-style: italic;
}
section.au-form .form-group .selectize-control.single .selectize-input.has-options{
    color: #000;
    font-size: 16px;
}
section.au-form  .au-form-footer {
    padding: 35px 0;
    background-color: #000;
}
section.au-form  .au-form-footer  .au-form-btn {
    display: inline-block;
    height: 85px;
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    padding: 20px 40px;
    width: 400px;
    max-width: 100%;
    background: #ffbc0e;
    border: solid 1px #ffbc0e;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
}
section.au-form  {
    padding-bottom: 100px;
}
section.au-form .form-group .input-group-addon {
    background-color: #fff;
    border: none;
    border-radius: 0 4px 4px 0;
    height: 44px;
    cursor: pointer;
}
section.au-form .form-group p {
    font-size: 18px;
}
.icon-calendar {
    display: block;
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/about-us/icons/icon-calendar.png');
    background-position: center;
    background-repeat: no-repeat;
    height: 23px;
    width: 21px;
}
.icon-file {
    display: block;
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/about-us/icons/icon-file.png');
    background-position: center;
    background-repeat: no-repeat;
    height: 23px;
    width: 21px;
}
.icon-plus {
    display: block;
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/about-us/icons/icon-plus.png');
    background-position: center;
    background-repeat: no-repeat;
    height: 16px;
    width: 15px;
}
section.au-form .select2-container {
    width: 100%;
    min-width: 100%;
    border: none;
    font-family: 'Roboto-Light', sans-serif;
    background-color: #fff;
    color: #000;
    border-radius: 4px;
}
section.au-form .select2-container--default  .select2-selection--single {
    background-color: #fff;
    border: none;
    height: 44px;
    border-radius: 4px;
}
section.au-form .select2-container--open .select2-dropdown--below {
    top: 0;
}
section.au-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    background: #fff;
    border: none;
    height: 44px;
    padding: 0;
    font-size: 16px;
    padding-left: 20px;
    line-height: 44px;
}
section.au-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    right: 8px;
    line-height: 44px;
    top: 0;
}
section.au-form .select2-results__options li.select2-results__option:first-child {
    display: none;
}
.new-select .select2-results__option {
    padding: 0 10px;
    line-height: 40px;
}
.new-select .select2-results__option[aria-selected=true] {
    color: #000;
    text-decoration: none;
    outline: 0;
    background-color: #ffad00;
}
.select2-container--open .select2-dropdown.new-select {
    top: 0;
    border: 1px solid #ccc;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
section.au-form  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #333 #0000 #0000 #0000;
    border-width: 6px 6px 0 6px;
}
section.au-form  input.form-control::-webkit-input-placeholder {
    color: #666;
    font-size: 16px;
    font-family: 'Roboto-Light', sans-serif;
    font-style: italic;
}
section.au-form  input.form-control::-moz-placeholder {
    color: #666;
    font-size: 16px;
    font-family: 'Roboto-Light', sans-serif;
    font-style: italic;
}
section.au-form  input.form-control:-ms-input-placeholder {
    color: #666;
    font-size: 16px;
    font-family: 'Roboto-Light', sans-serif;
    font-style: italic;
}
section.au-form  input.form-control:-moz-placeholder {
    color: #666;
    font-size: 16px;
    font-family: 'Roboto-Light', sans-serif;
    font-style: italic;
}
section.dynamically-form textarea,
section.dynamically-form select,
section.dynamically-form input {
    box-sizing: border-box !important;
    max-width: 100% !important;
    display: block;
    width: 100% !important;
    height: 38px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #999;
    font-family: "Roboto-Light", sans-serif;
    background-color: #F6F6F6;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
section.dynamically-form textarea {
    height: 100px;
}
section.dynamically-form textarea:focus,
section.dynamically-form input[type='submit']:focus,
section.dynamically-form input:focus {
    outline: none;
    box-shadow: none;
}
section.dynamically-form input[type='submit'] {
    background: #092c30;
    border: solid 1px #092c30;
    box-shadow: 0 2px 4px #888;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-transform: uppercase;
    font-size: 1.2em;
    width: inherit !important;
    display: inline-block;
    height: 50px;
    padding: 0 30px;
    font-family: 'Roboto', 'Georgia', serif;
}
section.dynamically-form ul,
section.dynamically-form ul li  {
    padding: 0;
    margin: 0;
}
section.dynamically-form.large label {
    font-size: 24px;
    margin-top: 25px;
    margin-bottom: 10px !important;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
section.dynamically-form.large li label {
    font-weight: normal;
    padding-top: 0;
    font-size: 16px;
    margin-top: 5px;
    color: red;
}
section.dynamically-form input[type='submit'] {
    background: #FFBC0E;
    border: solid 1px #ffbc0e;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    padding: 30px 80px;
    text-shadow: none;
    line-height: 2px;
}
section.dynamically-form input[type='submit']:focus,
section.dynamically-form input[type='submit']:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
    border: solid 1px #ffbc0e !important;
    background-color: #ffc93e;
}
section.vp-profile {
    padding: 60px 0;
}
section.vp-profile .vp-sidebar {
    background: #FAFAFA;
    border-radius: 5px;
    border: 1px solid #EDEDED;
}
section.vp-profile .vp-sidebar .vp-sidebar-box {
    padding: 25px 30px;
    border-bottom: 1px solid #EDEDED;
}
section.vp-profile .vp-sidebar .vp-sidebar-box:last-child {
    border-bottom: none;
}
section.vp-profile .vp-sidebar .vp-sidebar-box .vp-text {
    padding-left: 25px;
}
section.vp-profile .vp-sidebar .vp-sidebar-box h3 a {
    text-decoration: underline;
}
section.vp-profile .vp-sidebar .vp-reviewStarNum .reviewStarNum .current-stars {
    text-transform: uppercase;
    color: #008998;
    font-size: 40px;
    font-family: 'BebasNeueBold', sans-serif;
}
section.vp-profile .vp-sidebar .vp-reviewStarNum .reviewStars {
    margin-top: 11px;
    margin-left: -10px;
}
section.vp-profile .vp-sidebar .vp-reviewStarNum .reviewStarNum {
    font-size: 24px;
    line-height: 1;
}
section.vp-profile .vp-sidebar .vp-reviewStarNum .reviewBasedOn {
    margin-bottom: 0;
}
section.vp-profile .vp-sidebar .vp-sidebar-header.vp-sidebar-box {
    padding-bottom: 0;
}
section.vp-profile .vp-sidebar .vp-sidebar-header ul {
    margin: 0;
    padding: 0;
}
section.vp-profile .vp-sidebar .vp-sidebar-header ul li {
    color: #00b5ca;
    padding-bottom: 20px;
    margin-bottom: -1px;
    display: inline-block;
    border-bottom: 1px solid #00b5ca;
}
section.vp-profile .vp-sidebar .vp-sidebar-box h2 {
    color: #414141;
    font-size: 26px;
    font-family: 'BebasNeueBold', sans-serif;
    margin-bottom: 15px;
}
section.vp-profile .vp-sidebar .vp-sidebar-box .vp-logo-holder {
    height: 100px;
    width: 100px;
    border-radius: 5px;
    border: 1px solid #E2E2E2;
    background: #fff;
    padding: 5px;
    position: relative;
    transition: all ease 0.5s;
    overflow: hidden;
}
section.vp-profile .vp-sidebar .vp-sidebar-box .vp-logo-holder:hover .vp-logo {
    transform: scale(1.3);
}
section.vp-profile .vp-sidebar .vp-sidebar-box .vp-logo-holder .vp-logo {
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    transition: all ease 0.5s;
}
section.vp-profile .vp-sidebar .vp-sidebar-title .vp-info {
    padding: 5px 0 10px;
    line-height: 1.2;
    font-family: "Roboto-Regular", sans-serif;
}
section.vp-profile .vp-sidebar .vp-sidebar-title .vp-info strong {
    display: block;
    font-family: "Roboto-Bold", sans-serif;
    font-weight: normal;
}
section.vp-profile .vp-sidebar .vp-sidebar-box .vp-sidebar-connect {
    margin: 20px 0 10px;
}
section.vp-profile .vp-sidebar .vp-sidebar-box .vp-sidebar-connect .btn-yellow {
    width: 100%;
    padding: 15px 20px;
    color: #000;
    display: block;
    font-size: 18px;
}
section.vp-profile .vp-sidebar .vp-sidebar-box .vp-sidebar-connect .btn-yellow.disable {
    opacity: 0.2;
    cursor: default;
}
section.vp-profile .vp-sidebar .vp-sidebar-box .vp-sidebar-connect .btn-yellow.disable:hover {
    background-color: #ffbc0e;
}
section.vp-profile .vp-sidebar .vp-sidebar-box  h3 .vp-icon {
    position: relative;
    top: -2px;
    padding-right: 5px;
}
.vp-icon i {
    color: #57CFDC;
}
section.vp-profile .vp-sidebar .vp-sidebar-box  h3 {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
section.vp-profile .vp-sidebar .vp-sidebar-box .btn-green {
    color: #fff;
}
section.vp-profile .vp-sidebar .vp-sidebar-box ul.vp-social li {
    display: inline-block;
    margin-right: 12px;
}
section.vp-profile .vp-sidebar .vp-sidebar-box ul.vp-social li a div {
    display: inline-block;
}
section.vp-profile .vp-sidebar .vp-sidebar-box .vp-site-link {
    color: #008998;
    font-size: 16px;
    text-decoration: underline;
    word-break: break-all;
}
section.vp-profile .vp-sidebar .vp-sidebar-box  a {
    color: #008998;
    font-size: 16px;
}
section.vp-profile .vp-content .vp-description .referee {
    padding-bottom: 0;
}
section.vp-profile .vp-content .vp-welcome {
    font-size: 24px;
    font-family: "Roboto-Regular", sans-serif;
    color: #062C30;
    padding: 10px 0;
    line-height: 1.2;
    margin-bottom: 20px;
}
section.vp-profile .vp-content .vp-description {
    position: relative;
    padding: 20px 15px;
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 1.6;
}
section.vp-profile .vp-content .vp-description .rowTextCopy{
    font-family: 'Roboto Light', sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 1.6;
}
section.vp-profile .vp-content .vp-description p {
    font-family: 'Roboto Light', sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 1.6;
}
section.vp-profile .vp-content .vp-description .rowHeader {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #414141;
}
.single section.vp-profile .vp-content .vp-body {
    margin-top: 0;
}
section.vp-profile .vp-content .vp-body h1 {
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #008998;
    font-size: 45px;
    font-family: 'BebasNeueBold', sans-serif;
}
section.vp-profile .vp-content .vp-body h2 {
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #008998;
    font-size: 30px;
    font-family: 'BebasNeueBold', sans-serif;
}
section.vp-profile .reviewSummary {
    margin-bottom: 20px;
}
section.vp-profile .products-list {
    margin-bottom: 20px;
    margin-top: 20px;
}
/*vp-feature-box*/
section.vp-profile .vp-feature-box {
    position: relative;
    height: 350px;
    max-width: 350px;
    padding: 0;
    text-align: center;
    border-radius: 6px;
}
section.vp-profile .vp-feature-box .vp-feature-image {
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 6px;
}
section.vp-profile .vp-feature-box .vp-feature-image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 auto;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(9, 44, 48, 0.35);
    transition: all ease 0.3s;
    border-radius: 6px;
}
section.vp-profile .vp-feature-box:hover .vp-feature-image:after {
    background: rgba(0, 0, 0, 1);
}
section.vp-profile .vp-feature-box .vp-feature-content {
    position: relative;
    z-index: 2;
    display: table;
    padding:40px;
    height: 100%;
    width: 100%;
    border-radius: 6px;
}
section.vp-profile .vp-feature-box .vp-triangle {
    position: absolute;
    background: url('/wp-content/themes/digitalmainstreet/assets/images/vendor/label-triangle.png') no-repeat;
    height: 82px;
    width: 82px;
    top: -3px;
    left: -3px;
}
section.vp-profile .vp-feature-box .vp-triangle.fr {
    background: url('/wp-content/themes/digitalmainstreet/assets/images/vendor/label-triangle_fr.png') no-repeat;
}
section.vp-profile .vp-feature-box .triangle span {
    color: #000;
}
section.vp-profile .vp-feature-box:hover .dealText {
    border-color: #F8AC00;
    color: #F8AC00;
}
section.vp-profile .vp-feature-box .dealText {
    position: absolute;
    right: 40px;
    top: 40px;
    font-size: 32px;
    color: #fff;
    margin: 0;
    padding: 5px 15px;
    border: 2px dashed #fff;
    line-height: 1;
    height: 48px;
    font-family: 'BebasNeueRegular', sans-serif;
}
section.vp-profile .vp-feature-box .vp-feature-text {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    padding-bottom: 20px;
}
section.vp-profile .vp-feature-box .vp-feature-text .vp-feature-title{
    color: #ffc326;
    font-size: 30px;
    text-transform: uppercase;
    opacity: 1;
    position: relative;
    padding: 0 25px;
    margin: 0 auto;
    line-height: 1;
    display: inline-block;
    font-family: 'BebasNeueBold', sans-serif;
    transition: all ease 0.5s;
}
section.vp-profile .vp-feature-box:hover .vp-feature-text .vp-feature-title {
    z-index: 2;
}
section.vp-profile .vp-feature-box .vp-feature-title .vp-line-left {
    position: absolute;
    width: 10px;
    height: calc(100% - 10px);
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    left: 0;
    top: 20px;
}
section.vp-profile .vp-feature-box .vp-feature-title .vp-line-right {
    position: absolute;
    width: 10px;
    height: calc(100% - 10px);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 0;
    top: 20px;
}
section.vp-profile .vp-feature-box .vp-feature-title .vp-line-bot {
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: 2px solid #fff;
    right: 0;
    left: 0;
    bottom: -10px;
}
section.vp-profile .vp-feature-box .vp-feature-text .vp-feature-title .vp-line-title {
    position: relative;
}
section.vp-profile .vp-feature-box .vp-feature-rollover {
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    transition: all ease 0.5s;
    padding: 40px;
    position: absolute;
    cursor: inherit;
}
section.vp-profile .vp-feature-box:hover .vp-feature-rollover {
    visibility: visible;
    opacity: 1;
}
section.vp-profile .vp-feature-box .vp-feature-rollover .vp-feature-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 40px 40px;
}
section.vp-profile .vp-feature-box .vp-feature-rollover .vp-feature-btn .btn-yellow {
    color: #000;
    display: block;
    font-size: 18px;
    width: 100%;
    padding: 15px 10px;
}
section.vp-profile .vp-feature-box .vp-feature-rollover .vp-feature-rollover-text {
    margin-top: 35px;
    height: 140px;
    overflow: auto;
}
section.vp-profile .vp-feature-box .vp-feature-rollover .vp-feature-rollover-text p{
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 14px;
    line-height: 24px;
}
section.vp-profile .vp-feature-box .vp-feature-rollover .vp-feature-rollover-text::-webkit-scrollbar {
    width: 0.4em;
}
section.vp-profile .vp-feature-box .vp-feature-rollover .vp-feature-rollover-text::-webkit-scrollbar-button {
    background: rgba(255,255,255,0.2);
    height: 2em;
}
section.vp-profile .vp-feature-box .vp-feature-rollover .vp-feature-rollover-text::-webkit-scrollbar-track-piece {
    background: rgba(255,255,255,0.2);
}
section.vp-profile .vp-feature-box .vp-feature-rollover .vp-feature-rollover-text::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.9);
}
section.vp-profile .vp-feature-box .vp-feature-rollover-open {
    visibility: visible;
}
section.reviews-section {
    background: #FAFAFA;
    padding: 30px;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    margin-top: 0;
}
section.reviews-section .writeReview {
    padding: 15px 10px;
    margin: 30px auto;
    min-width: 100%;
}
section.vp-profile .vp-body .vp-body-pre-title {
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
section.vp-profile .vp-body .vp-body-pre-title .vp-icon {
    position: relative;
    top: -2px;
    padding-right: 5px;
}
section.vp-profile .vp-body .vp-story .item-back {
    margin: 40px 0 20px;
}
section.vp-profile .vp-body .vp-story .item-back .back-to-list {
    color: #008998;
    font-size: 16px;
    text-decoration: underline;
}
section.vp-profile .vp-body .vp-story .vp-overview-info {
    font-size: 18px;
    font-family: "Roboto-Light", sans-serif;
    margin: 20px 0;
}
section.vp-profile .vp-body .vp-story .itemAuth .socialShare {
    margin-top: 30px;
    margin-left: -10px;
}
section.vp-profile .vp-body .vp-story .vp-overview h3 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: normal;
}
section.vp-profile .vp-body .vp-story .vp-overview a,
section.vp-profile .vp-body .vp-story .vp-overview ul li p span,
section.vp-profile .vp-body .vp-story .vp-overview ul li p,
section.vp-profile .vp-body .vp-story .vp-overview ul li,
section.vp-profile .vp-body .vp-story .vp-overview p {
    font-size: 14px !important;
    font-family: "Roboto-Light", sans-serif !important;
}
section.vp-profile .vp-body .vp-story .itemAuth .socialShare .mashsb-buttons .mashsb-noshadow .icon {
    color: #fff !important;
}
section.vp-profile .vp-body .vp-story .itemAuth .socialShare .mashsb-buttons .mashsb-noshadow.mashicon-facebook {
    background: #3A579A;
}
section.vp-profile .vp-body .vp-story .itemAuth .socialShare .mashsb-buttons .mashsb-noshadow.mashicon-twitter {
    background: #00ABF0;
}
section.vp-profile .vp-body .vp-story .itemAuth .socialShare .mashsb-buttons .mashsb-noshadow.mashicon-linkedin  {
    background: #297BBB;
}
section.vp-profile .vp-body .vp-story .itemAuth .socialShare .mashsb-buttons .mashsb-noshadow.mashicon-pinterest  {
    background: #D34C3D;
}
section.vp-profile .vp-body .vp-story .itemAuth .socialShare .mashsb-buttons .mashsb-noshadow {
    height: 40px;
    width: 40px;
    border-radius: 0;
    padding: 0;
    margin: 0;
    line-height: 40px;
    text-align: right;
    display: inline-block;
    background: #ddd;
    color: #fff;
}
section.vp-profile .vp-intro {
    margin-bottom: 20px;
}
section.vp-profile .vp-body .vp-story .itemImage {
    border-radius: 5px;
}
section.vp-profile .vp-body .vp-story .itemImage img {
    width: 100%;
    border-radius: 5px;
}
section.vp-profile .vp-body .vp-deal {
    margin: 15px 0;
}
section.vp-profile .vp-body .vp-deal .vp-deal-coPara {
    font-size: 20px;
    font-family: "Roboto-Light", sans-serif;
    color: #000;
}
section.vp-profile .vp-feature .label-triangle-circle {
    position: absolute;
    right: 0;
    top: -20px;
}
section.vp-profile .vp-feature .btnGotoDeal  {
    padding: 0;
    position: relative;
    margin: 0;
    bottom: inherit;
}
section.vp-profile .vp-feature .vp-feature-deal .vendorBoxinner{
    width: 100%;
    overflow: hidden;
    padding: 0;
}
section.vp-profile .vp-feature .btnGotoDeal .btn-yellow  {
    display: block;
    width: 100%;
    color: #000;
    padding: 20px 10px;
    margin: 0 auto;
    min-width: 100%;
}
section.vp-profile .vp-feature .triangle {
    position: absolute;
    margin: -9px -39px;
    top: 0;
    left: 0;
}
section.vp-profile .vp-feature .vp-feature-deal {
    padding: 0;
}
section.vp-profile .vp-feature .couponCode {
    font-size: 16px;
    font-family: "Roboto Medium", sans-serif;
    color: #008998;
    text-transform: uppercase;
    height: 60px;
    width: 100%;
    line-height: 1;
    margin: 0;
    text-align: center;
    background-color: #E0F1F2;
    padding: 10px;
    background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,.35) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.35) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(-45deg,rgba(255,255,255,.35) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.35) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(255,255,255,.35) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.35) 75%,transparent 75%,transparent);
    background-size: 20px 20px;
    border: solid 2px #fff;
}
section.vp-profile .vp-feature .couponDiscount {
    padding: 15px 0 0;
    margin: 0;
    line-height: 1;
    text-align: center;
    font-size: 40px;
    font-family: 'BebasNeueBold', sans-serif;
    color: #204341;
}
section.vp-profile .vp-feature .vendorBoxFeature {
    height: auto;
    padding: 0;
    background: #EBF6F7;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 0;
}
section.vp-profile .vp-feature .vendorBoxFeature .vp-feature-content {
    padding: 20px 15px;
}
section.vp-profile .vp-feature .vp-feature-content .dealText {
    text-align: center;
}
section.vp-profile section.bia-tabs .menu {
    padding-left: 0;
}
.nd-btn {
    background: none;
    border: 2px solid #fff;
    color: #000;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    padding: 16px 20px;
    cursor: pointer;
    min-width: 230px;
    margin: 0 auto;
    display: inline-block;
}
.nd-btn-yellow {
    color: #000;
    background: #ffbc0e;
    border: solid 1px #ffbc0e;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    text-decoration: none !important;
}
.nd-btn-yellow:active,
.nd-btn-yellow:hover {
    color: #000;
    background-color: #ffc93e;
}
main.wf-main .wf-banner, main.dtg-main .dtg-banner {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    height: 770px;
    position: relative;
    width: 100%;
}
main.wf-main .wf-banner, main.dtg-main .sh-banner {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: bottom;
    height: 600px;
    position: relative;
    width: 100%;
}
body.page-template-template-municipalities main.dtg-main .sh-banner {
    height: 450px;
}
main.wf-main h1, main.dtg-main h1 {
    font-size: 80px;
    text-transform: uppercase;
    color: #008898;
    line-height: 0.85;
    font-family: 'BebasNeueBold', sans-serif;
}
main.wf-main h1 span {
    color: #FFC326;
}
main.wf-main h2 {
    font-size: 60px;
    text-transform: uppercase;
    color: #008898;
    line-height: 1;
    font-family: 'BebasNeueBold', sans-serif;
}
main.wf-main h2 small {
    text-transform: none;
}
main.wf-main h2 span {
    color: #FFC326;
}
main.wf-main h3 {
    font-size: 30px;
    text-transform: uppercase;
    color: #008898;
    line-height: 1;
    font-family: 'Roboto-Bold', sans-serif;
}
main.wf-main h3 span {
    color: #FFC326;
}
main.wf-main h4 {
    font-size: 20px;
    color: #008898;
    line-height: 1;
    font-family: 'Roboto-Regular', sans-serif;
}
main.wf-main h4 span {
    color: #FFC326;
}
main.wf-main h5 {
    font-size: 18px;
    color: #008898;
    line-height: 1;
    font-family: 'Roboto-Medium', sans-serif;
}
main.wf-main h5 span {
    color: #FFC326;
}
section.wf-banner .wf-banner-content {
    padding-top: 30%;
    max-width: 950px;
    margin: 0 auto;
}
section.wf-banner .wf-banner-content h1 {
    font-size: 80px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'BebasNeueBold', sans-serif;
}
section.wf-banner .wf-banner-content .wf-banner-text {
    color: #fff;
    font-size: 20px;
    line-height: 1.7;
    font-family: 'Roboto-Light', sans-serif;
    font-weight: normal;
    margin-bottom: 40px;
    margin-top: 10px;
}
section.wf-featured {
    padding: 40px 0;
}
section.wf-featured .wf-featured-image {
    padding-left: 40px;
}
section.wf-featured .wf-featured-content .text {
    line-height: 1.5;
    font-family: 'Roboto-Light', sans-serif;
    font-weight: normal;
    color: #434343;
    font-size: 18px;
}
section.wf-featured .wf-featured-content {
    padding: 20px 0;
}
section.wf-featured .wf-featured-content .pre-title:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: -70px;
    top: 0;
    border-radius: 3px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#39a3ab+0,fde698+100 */
    background: #39a3ab; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #39a3ab 0%, #fde698 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #39a3ab 0%,#fde698 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #39a3ab 0%,#fde698 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39a3ab', endColorstr='#fde698',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    z-index: -1;
}
section.wf-featured .wf-featured-content .pre-title {
    font-family: "Roboto-Regular", sans-serif;
    font-size: 16px;
    color: #fff;
    position: relative;
    padding: 5px;
    margin: 30px 0;
    max-width: 265px;
    z-index: 1;
}
section.wf-doc {
    padding-bottom: 0;
}
section.wf-doc .wf-doc-box .link {
    display: inline-block;
    color: #008997;
    font-size: 15px;
    font-family: "Roboto-Light", sans-serif;
    text-decoration: underline;
}
section.wf-doc .wf-doc-box {
    margin-bottom: 20px;
}
section.wf-doc .wf-doc-box p {
    font-size: 14px;
    font-family: "Roboto-Light", sans-serif;
    color: #7F7F7F;
    margin-bottom: 0;
    max-width: 200px;
}
section.wf-doc .wf-doc-box h4 {
    color: #008997;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Roboto-Bold", sans-serif;
}
section.wf-top {
    background: #000;
    padding: 70px 0;
    color: #fff;
}
section.wf-top .wf-top-list {
    padding: 0;
    margin: 30px auto;
}
section.wf-top .wf-top-list li:last-child:after {
    content: none;
}
section.wf-top .wf-top-list li:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 40px;
    height: 9px;
    width: 23px;
    background: url('/wp-content/themes/digitalmainstreet/assets/images/wifi/icon-line-arrow.png') no-repeat;
    background-size: cover;
}
section.wf-top .wf-top-list li {
    width: 190px;
    display: block;
    float: left;
    position: relative;
}
section.wf-top .wf-top-list .list-icon {
    height: 75px;
    width: 75px;
    position: relative;
    padding-top: 12px;
    margin: 0 auto;
}
section.wf-top .wf-top-list .list-line {
    height: 100%;
    width: 100%;
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
}
section.wf-top .wf-top-list .list-line span.line-01 {
    border-color: #007686;
    right: -3px;
    z-index: 2;
}
section.wf-top .wf-top-list li:hover .list-number {
    transform:  translateX(3px) translateY(-3px);
}
section.wf-top .wf-top-list li:hover .list-line span.line-01 {
    transform: translateX(3px);
    background: #007686;
}
section.wf-top .wf-top-list li:hover .list-line span.line-02 {
    background: #FFC326;
}
section.wf-top .wf-top-list .list-line span.line-02 {
    border-color: #FFC326;
    top: 3px;
    left: -3px;
    z-index: 1;
}
section.wf-top .wf-top-list .list-line span {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    transition: all ease 0.2s;
}
section.wf-top .wf-top-list .list-number {
    font-family: "Roboto-Bold", sans-serif;
    font-size: 38px;
    color: #000;
    text-shadow:
            -1px -1px 0 #FFC326,
            1px -1px 0 #FFC326,
            -1px 1px 0 #FFC326,
            1px 1px 0 #FFC326;
    position: relative;
    z-index: 2;
    transition: all ease 0.3s;
}
section.wf-top .wf-top-list .list-text {
    font-size: 15px;
    font-family: "Roboto-Regular", sans-serif;
    color: #D9D9D9;
    max-width: 160px;
    margin: 20px auto 0;
}
section.wf-custom {
    padding: 70px 0;
}
section.wf-custom h3 {
    margin: 20px 0;
}
section.wf-custom .info {
    font-size: 18px;
    max-width: 950px;
    margin: 20px auto;
    color: #062C2F;
    font-family: "Roboto-light", sans-serif;
}
section.wf-tabs {
    background: #F7F7F7;
    margin-top: 80px;
    position: relative;
}
section.wf-tabs .tab-content {
    min-height: 460px;
}
section.wf-tabs .svg-top {
    position: absolute;
    top: -90px;
}
section.wf-tabs .svg-bot {
    margin-bottom: -10px;
}
section.wf-tabs ul {
    padding: 0;
    position: absolute;
    top: -100px;
    display: block;
    width: 420px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: none;
}
section.wf-tabs ul li a.wf-nav-link {
    font-size: 18px;
    font-family: "Roboto-Medium", sans-serif;
    color: #D5D5D5;
    text-transform: uppercase;
    padding: 20px 20px 40px;
    border-width: 2px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom: none;
}
section.wf-tabs ul li:last-child {
    margin-right: 0;
}
section.wf-tabs ul li {
    margin-right: 20px;
    width: 200px;
    display: block;
    text-align: center;
    float: left;
}
section.wf-tabs .wf-featured-image {
    padding-top: 40px;
    padding-left: 0;
}
section.wf-tabs .nav-tabs .wf-nav-link {
    border-color: #F7F7F7;
}
section.wf-tabs .nav-tabs .nav-item.show .wf-nav-link,
section.wf-tabs .nav-tabs .wf-nav-link.active {
    color: #FFC326;
    background-color: #F7F7F7;
}
main.wf-main section.wf-tabs h4 {
    text-transform: none;
}
section.wf-keys ul {
    margin: 0;
    padding: 0 50px;
}
section.wf-keys ul li:after {
    content: "";
    position: absolute;
    height: 29px;
    width: 56px;
    background: url(/wp-content/themes/digitalmainstreet/assets/images/wifi/icon-key-arrow.png) no-repeat;
    background-size: cover;
}
section.wf-keys ul li:nth-child(1):after {
    right: -45px;
    top: 100px;
}
section.wf-keys ul li:nth-child(2):after {
    right: -29px;
    top: 47px;
    transform: rotate(-17deg);
}
section.wf-keys ul li:nth-child(3):after {
    right: -32px;
    top: 23px;
    transform: rotate(-32deg);
}
section.wf-keys ul li:nth-child(4):after {
    right: -26px;
    top: -29px;
    transform: rotate(-54deg);
}
section.wf-keys ul li:nth-child(5):after {
    content: none;
}
section.wf-keys ul li {
    display: block;
    width: 210px;
    float: left;
    position: relative;
}
section.wf-keys ul li:nth-child(1),
section.wf-keys ul li:nth-child(5){
    margin-top: -55px;
}
section.wf-keys ul li:nth-child(2),
section.wf-keys ul li:nth-child(4){
    margin-top: 50px;
}
section.wf-keys ul li:nth-child(3){
    margin-top: 70px;
}
section.wf-keys ul li .wf-keys-icon {
    margin-bottom: 20px;
}
section.wf-keys ul li .wf-keys-content {
    max-width: 200px;
    margin: 0 auto;
}
section.wf-keys ul li .wf-keys-content p {
    color: #7F7F7F;
    font-size: 15px;
    font-family: "Roboto-Light", sans-serif;
}
section.wf-keys ul li .wf-keys-content h4 {
    font-size: 15px;
    font-family: "Roboto-Medium", sans-serif;
}
section.wf-get-started {
    -webkit-background-size: cover;
    background-size: cover;
    height: 605px;
    position: relative;
    width: 100%;
    color: #fff;
    padding-top: 7%;
}
section.wf-get-started h4 {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 0;
}
section.wf-get-started .info {
    color: #fff;
    margin-top: 5px;
    margin-bottom: 40px;
}
section.wf-get-started ul.list-style li {
    max-width: 240px;
}
ul.list-style, section.faq-results .answer ul {
    margin: 0;
    padding: 0;
}
section.faq-results .answer ul li ul {
    margin-top: 5px;
}
ul.list-style li, section.faq-results .answer ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
    font-size: 15px;
    text-align: left;
}
ul.list-style li:before, section.faq-results .answer ul li:before {
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #61C7C9;
}
ul.list-style li > ul { margin-top: 15px; }
section.faq-results .answer a { color: #062C30; text-decoration: underline; }
section.faq-results .answer a:hover { text-decoration: none; }
ul.list-style.yellow li:before {
    background-color: #FFC325;
}
ul li p {
    font-family: "Roboto-light", sans-serif;
    font-size: 16px;
    color: #000;
}
section.wf-network .wf-network-list {
    margin: 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #E5E5E5;
}
section.wf-network-featured {
    padding-top: 0;
}
section.wf-network-featured h4 {
    padding-top: 0;
    color: #062C2F;
    font-family: "Roboto Medium", sans-serif;
}
section.wf-network-featured .wf-requirement .wf-requirement-header.blue {
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/wifi/wf-bg-blue.png');
    max-width: 1000px;
    width: 100%;
}
section.wf-network-featured .wf-requirement .wf-requirement-header.yellow {
    background-image: url('/wp-content/themes/digitalmainstreet/assets/images/wifi/wf-bg-yellow.png');
    max-width: 900px;
    width: 100%;
}
section.wf-network-featured .wf-requirement .wf-requirement-header {
    margin: 30px auto;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    background-size: cover;
    background-position: center;
    display: block;
    padding: 10px 0;
}
section.wf-network-featured .wf-requirement .wf-requirement-header h5 {
    color: #4A4A4A;
    font-size: 18px;
}
section.wf-network-featured .wf-requirement .wf-requirement-header p {
    color: #000000;
    font-size: 15px;
    max-width: 900px;
    margin: 0 auto;
}
section.wf-network-featured .wf-requirement .wf-requirement-list {
    margin: 20px 0 20px;
}
section.wf-network-featured .wf-requirement .wf-requirement-list ul li h5 {
    margin-bottom: 10px;
}
section.wf-network-featured ul ul {
    padding-left: 20px;
}
section.wf-network-featured ul ul li {
    font-family: "Roboto-light", sans-serif;
    font-size: 16px;
    color: #000;
}
.wf-table .wf-table-info p {
    font-size: 15px;
    color: #000;
    margin: 15px 0;
    font-family: "Roboto-Light", sans-serif;
}
.wf-table table.table tr th {
    background: #008897;
    color: #fff;
    font-size: 15px;
    font-family: "Roboto-Bold", sans-serif;
    border-color: #fff;
    border-right: 1px solid #fff;
    padding: 15px;
}
.wf-table table.table tr td {
    padding: 15px;
    background: #CCF0F4;
    border-color: #fff;
    color: #000;
    font-size: 15px;
    font-family: "Roboto-Light", sans-serif;
    border-right: 1px solid #fff;
}
.wf-table table.table tr td:first-child {
    font-family: "Roboto-Bold", sans-serif;
    color: #008898;
}
section.wf-operations .svg-bot {
    position: absolute;
    bottom: -2px;
}
section.wf-operations {
    background: #F7F7F7;
    margin-top: 50px;
    position: relative;
    padding-bottom: 100px;
    margin-bottom: 50px;
}
section.wf-operations h3 strong {
    color: #47C0C4;
}
section.wf-operations h3 {
    color: #062C2F;
    font-size: 42px;
    font-family: "Roboto-Regular", sans-serif;
}
section.wf-operations  .info {
    font-size: 16px;
    color: #000;
    max-width: 100%;
}
section.wf-operations  .info.info-small {
    font-size: 14px;
    color: #000;
}
section.wf-operations .wf-tiles ul li:before {
    background: transparent;
    border: 1px solid #61C7C9;
    top: 17px;
}
section.wf-operations .wf-tiles ul li {
    width: 50%;
    padding-left: 0;
    display: block;
    float: left;
    margin-top: 10px;
}
section.wf-operations .wf-tiles ul li .wf-tile {
    min-height: 120px;
    max-width: 540px;
    position: relative;
    font-size: 15px;
    font-family: "Roboto-Light", sans-serif;
    padding: 10px 40px 15px 20px;
    border-right: 2px solid #CCE4E6;
    border-bottom: 2px solid #CCE4E6;
}
section.wf-operations .wf-tiles ul li .wf-tile:after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    right: -4px;
    bottom: -4px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
section.wf-operations .wf-tile-title {
    font-family: "Roboto-Medium", sans-serif;
    color :#008997;
}
section.wf-budget {
    margin-bottom: 40px;
    margin-top: 80px;
}
section.wf-budget h5 {
    margin-top: 20px;
}
section.wf-budget .info {
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 20px;
    font-family: "Roboto-Light", sans-serif;
}
section.wf-budget .wf-budget-icon {
    position: absolute;
    top: -80px;
    right: 14%;
}
section.wf-budget .wf-budget-list {
    margin: 30px 0;
}
section.wf-budget .wf-budget-list .wf-budget-box {
    width: 200px;
    border: 2px solid #008998;
    border-radius: 3px;
    padding: 20px 8px 8px;
    float: left;
    margin-right: 30px;
    position: relative;
    height: 85px;
    text-align: center;
}
section.wf-budget .wf-budget-list .wf-budget-box .price-holder {
    font-size: 15px;
    height: 50px;
    color: #008997;
    font-family: "Roboto-Medium", sans-serif;
}
section.wf-budget .wf-budget-list .wf-budget-box .price-holder .dollar {
    position: relative;
    top: -20px;
}
section.wf-budget .wf-budget-list .wf-budget-box .price-holder .price {
    color: #03B5CB;
    font-size: 50px;
    line-height: 1;
    font-family: 'BebasNeueBold', sans-serif;
}
section.wf-budget .wf-budget-list .wf-budget-box h5 span {
    font-size: 15px;
    font-family: "Roboto-Regular", sans-serif;
    font-style: italic;
}
section.wf-budget .wf-budget-list .wf-budget-box h5 {
    color: #FFC326;
    font-size: 30px;
    position: absolute;
    top: -16px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    background: #fff;
    padding: 0 10px;
    width: min-content;
    font-family: 'BebasNeueBold', sans-serif;
}
section.wf-budget .wf-budget-list .wf-budget-box.wf-budget-box-featured {
    width: 290px;
    padding-bottom: 10px;
}
section.wf-budget .wf-budget-list .wf-budget-box.wf-budget-box-featured h5 {
    width: 180px;
}
section.wf-budget .wf-budget-list .wf-budget-box.wf-budget-box-featured .price-holder {
    line-height: 1;
    height: 50px;
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#35a1ac+0,afbd76+53,ffd974+100 */
    background: #35a1ac; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #35a1ac 0%, #afbd76 53%, #ffd974 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #35a1ac 0%,#afbd76 53%,#ffd974 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #35a1ac 0%,#afbd76 53%,#ffd974 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35a1ac', endColorstr='#ffd974',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
section.wf-budget .wf-budget-list .wf-budget-box.wf-budget-box-featured  .price-holder .price {
    color: #fff;
}
section.dtg-banner .dtg-banner-content {
    padding-top: 20%;
    margin: 0 auto;
}
section.dtg-banner .dtg-banner-content.municipal-signup {
    padding-top: 14%;
}
section.dtg-banner .dtg-banner-content.municipal-signup .sh-image {
    padding-top: 0;
    max-width: 700px;
    padding-bottom: 5%;
    margin: 0 auto;
}
section.sh-banner .sh-image {
    padding-top: 20%;
    max-width: 700px;
    padding-bottom: 5%;
    margin: 0 auto;
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
}

section.sh-banner .sh-themes {
    padding-top: 20%;
    padding-bottom: 5%;
    margin: 0 auto;
}

section.sh-banner .sh-themes h4 {
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 40px;
    line-height: 1.4em;
}

section.sh-banner .sh-image h3 {
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 40px;
    line-height: 1.4em;
}

section.dtg-banner h3 {
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 40px;
    line-height: 1.4em;
}
section.sh-banner h3 {
    color: #FFF;
    font-size: 30px;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    padding-bottom: 40px;
    line-height: 1.4em;
}
section.sh-banner p {
    color: #FFF;
    font-size: 16px;
}
section.sh-banner a {
    color: #FFF;
    text-decoration: underline;
}
section.sh-banner a:hover {
    text-decoration: none;
}
section.sh-banner .sh-image h4 {
    color: #FFF;
    font-size: 25px;
    padding: 35px 0 40px;
}
section.dtg-banner .dtg-banner-content h1 {
    font-size: 80px;
    text-transform: uppercase;
    color: #FFC325;
    font-family: 'BebasNeueBold', sans-serif;
}
section.dtg-banner .dtg-banner-content h3 {
    color: #FFF;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 40px;
}
section.dtg-banner .dtg-banner-content .dtg-banner-text {
    color: #fff;
    font-size: 24px;
    line-height: 1.7;
    font-family: 'Roboto-Light', sans-serif;
    font-weight: normal;
    margin-bottom: 40px;
    margin-top: 20px;
}
section.dtg-banner .dtg-banner-content .dtg-banner-text a {
    color: #fff;
    text-decoration: underline;
}
section.dtg-banner .dtg-banner-content .dtg-banner-text a:hover {
    text-decoration: none;
}

section.dtg-journey {
    padding-bottom: 40px;
}
section.dtg-journey h2 {
    border-top: 1px solid #DDD;
    padding: 30px 0 10px 0;
    color: #008697;
    font-size: 50px;
    font-family: 'BebasNeueBold', sans-serif;
}
section.dtg-cost {
    padding: 10px 0 20px;
}
section.dtg-cost .head h2 {
    color: #008697;
    font-size: 50px;
    font-family: 'BebasNeueBold', sans-serif;
    text-align: center;
}
section.dtg-cost .au-info {
    color: #000;
    font-size: 20px;
    margin: 20px auto 0;
    max-width: 1000px;
    font-family: 'Roboto-Light', sans-serif;
    text-align: center;
    padding-bottom: 20px;
}
section.dtg-cost .au-info p {
    margin: 20px 0;
}
section.dtg-objectives {
    background: #F6F6F6;
    padding-bottom: 0;
}
section.dtg-objectives p a {
    color: #00BAC6;
    text-decoration: underline;
}
section.dtg-objectives p a:hover {
    text-decoration: none;
}
section.dtg-objectives .columns .col-lg-4:nth-of-type(1) {
    padding-right: 30px;
}
section.dtg-objectives .columns .col-lg-4:nth-of-type(2) {
    padding: 0 30px;
}
section.dtg-objectives .columns .col-lg-4:nth-of-type(3) {
    padding-left: 30px;
}
section.dtg-objectives .columns .col-lg-4 img {
    height: 40px;
}
section.dtg-objectives .columns .col-lg-4 p {
    color: #000;
    font-size: 18px;
    font-family: 'Roboto-Light', sans-serif;
}
section.dtg-themes {
    padding-bottom: 0;
}
section.dtg-objectives .objectives {
    margin-bottom: 50px;
}
section.dtg-objectives h1 {
    text-align: center;
    color: #FFC325;
    padding-top: 60px;
}
section.dtg-objectives .head {
    font-family: 'Roboto-Light', sans-serif;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
    padding: 60px 20px;
    color: #000;
}
section.dtg-objectives .head h2 {
    margin-bottom: 0;
    color: #062C30;
}
section.dtg-objectives .head p{
    font-family: 'Roboto-Light', sans-serif;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    padding: 0 0 20px;
    color: #000;
}
section.dtg-objectives h2, section.faq-accordion h2 {
    color: #008697;
    font-size: 50px;
    font-family: 'BebasNeueBold', sans-serif;
    text-align: center;
    padding: 0 100px 20px;
}
.page-template-template-futureproof section.dtg-objectives h2, .page-template-template-futureproof-fr section.dtg-objectives h2 {
    padding: 0 0 20px;
    font-size: 45px;
}
section.dtg-objectives .objectives > div {
    background-repeat: no-repeat;
}

section.dtg-objectives .sh-objectives > div {
    background-repeat: no-repeat;
}

section.dtg-objectives .objectives > div:nth-child(1) {
    background-image: url('assets/images/dtg/digit-1.png');
    background-position-x: 120px;
    padding-left: 115px;
    min-height: 153px;
}
section.dtg-objectives .objectives > div:nth-child(2) {
    background-image: url('assets/images/dtg/digit-2.png');
}

section.dtg-objectives .sh-objectives > div:nth-child(1) {
    background-image: url('assets/images/dtg/sh-digit-1.png');
}
section.dtg-objectives .sh-objectives > div:nth-child(2) {
    background-image: url('assets/images/dtg/sh-digit-2.png');
}
section.dtg-objectives .sh-objectives > div:nth-child(3) {
    background-image: url('assets/images/dtg/sh-digit-3.png');
}
section.dtg-objectives .sh-objectives > div:nth-child(4) {
    background-image: url('assets/images/dtg/sh-digit-4.png');
}
section.dtg-objectives .sh-objectives > div.col-md-6:nth-child(1), section.dtg-objectives .sh-objectives > div.col-md-6:nth-child(3) {
    background-position-x: 120px;
    padding-left: 115px;
}

section.dtg-objectives .sh-objectives p {
    color: #000;
    font-size: 18px;
    font-family: 'Roboto-Light', sans-serif;
    padding: 50px 40px 0 40px;
    margin: 0 0 20px;
}

section.dtg-objectives .objectives p {
    color: #000;
    font-size: 18px;
    font-family: 'Roboto-Light', sans-serif;
    padding: 50px 40px 0 40px;
}
section.dtg-objectives .sh-objectives > div.col-md-12 img {
    height: 40px;
    padding-left: 80px;
    margin-top: 20px;
}
section.dtg-objectives .sh-objectives > div.col-md-12 p {
    padding: 10px 40px 0 80px;
    margin: 0 0 20px;
}

section.dtg-req {
    padding: 40px 0;
}
section.dtg-req .head h2 {
    color: #008697;
    font-size: 50px;
    font-family: 'BebasNeueBold', sans-serif;
    text-align: center;
    padding: 0 100px;
}
section.dtg-req .head p {
    color: #000;
    font-size: 20px;
    font-family: 'Roboto-Light', sans-serif;
    text-align: center;
    padding-bottom: 20px;
}
section.dtg-req .foot p {
    color: #000;
    font-size: 20px;
    font-family: 'Roboto-Light', sans-serif;
    text-align: center;
    margin-top: 30px;
}
section.dtg-req table.dtg-req-box {
    max-width: 850px;
    margin: 0 auto;
}
section.dtg-req table.dtg-req-box.wide {
    max-width: 100%;
}
section.dtg-req .dtg-req-box .or {
    position: absolute;
    top: 0;
    font-weight: 500;
    color: #FFC325;
    right: 0;
}
section.dtg-req .dtg-req-box img {
    margin: 0 auto 20px auto;
}
section.dtg-req .dtg-req-box p {
    font-size:15px;
    width:100%;
}
section.dtg-req .dtg-req-box ul {
    padding-right: 25px;
}
section.dtg-req .dtg-req-box ul li ul {
    margin-top: 5px;
}
section.dtg-req .dtg-req-box h3 {
    color: #008597;
    font-weight: normal;
    line-height: 1.5;
}
section.dtg-req .dtg-req-box strong, section.dtg-req .dtg-req-box a {
    color: #008697;
    font-family: 'Roboto-Bolder', sans-serif;
    font-weight: bolder;
}
section.dtg-req .dtg-req-box strong a {
    font-weight: bold;
}
section.dtg-req .dtg-req-box a {
    text-decoration: underline;
}
section.dtg-req .dtg-req-box a:hover {
    text-decoration: none;
}
section.dtg-req hr {
    border-color: #008697;
    margin:60px 0;
}
section.dtg-req .additional h4 {
    font-size: 16px;
    color: #062C2F;
    text-transform: uppercase;
    font-family: 'Roboto-Bolder', sans-serif;
    font-weight: bolder;
    margin-bottom: 15px;
}
section.dtg-req .additional h4 a {
    color: #008697;
    text-decoration: underline;
}
section.dtg-req .additional h4 a:hover {
    text-decoration: none;
}
ul.list-style-large > li {
    padding-left: 50px;
    position: relative;
    margin-bottom: 20px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
}
ul.list-style-large > li:before {
    content: "";
    position: absolute;
    background-image: url('assets/images/about-us/icons/check-mark.png');
    height: 32px;
    width: 33px;
    top: 0;
    left: 0;
}
#ineligible-cont ul.list-style-large > li:before, #ineligible-cont .costs-yellow > ul > li:before {
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/new-design/x.png);
    background-size: cover;
    height: 33px;
}
#ineligible-cont ul.list-style li.yellow-check:before {
    background-image: url(/wp-content/themes/digitalmainstreet/assets/images/new-design/x.png);
    background-size: cover;
    height: 20px;
    width: 20px;
    top: 4px;
}
section.dtg-costs {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    height: auto;
    padding-bottom: 100px;
    padding-top: 160px;
    color: #FFF;
}
section.dtg-costs .costs-cont {
    background-color: rgba(0,129,141,0.5);
    border-radius: 8px;
    padding-top: 20px;
}
section.dtg-costs2 {
    height: auto;
    padding-bottom: 100px;
}
section.dtg-costs h1 {
    font-size: 50px;
    color: #FFC325;
    margin-bottom: 45px;
}
section.dtg-costs a.costs-toggle {
    color: #FFF;
    font-size: 24px;
    line-height: 112px;
    display: inline-block;
    padding: 0 60px 0 130px;
    background-position: 20px center;
    background-repeat: no-repeat;
    margin-bottom: 0;
    border-radius: 8px 8px 0 0;
}
section.dtg-costs .costs-cont p.head { margin-bottom: 30px; font-size: 16px; }
section.dtg-costs .costs-cont ul li a { color:#FFF; text-decoration: underline; }
section.dtg-costs .costs-cont ul li a:hover { text-decoration: none; }
section.dtg-costs a.costs-toggle:nth-of-type(1) {
    background-image: url('assets/images/dtg/costs-eligible.png');
    margin-right: 40px;
}
section.dtg-costs a.costs-toggle:nth-of-type(2) {
    background-image: url('assets/images/dtg/costs-ineligible.png');
}
section.dtg-costs a.costs-toggle.active, section.dtg-costs a.costs-toggle:hover {
    background-color: rgba(0,129,141,0.5);
}
section.dtg-costs ul.list-style-large > li {
    font-size: 22px;
}
section.dtg-costs ul.list-style li {
    font-size: 18px;
    margin-bottom: 0;
    padding-left: 30px;
}
section.dtg-costs ul.list-style li.yellow-check:first-child {
    margin-top: 20px;
}
section.dtg-costs ul.list-style li.yellow-check li {
    padding-left: 15px;
    margin-bottom: 2px;
    margin-top: 2px;
}
section.dtg-costs ul.list-style li.yellow-check ul {
    margin-bottom: 10px;
}
section.dtg-costs ul.list-style li.yellow-check li li:before {
    left: 0;
    top: 15px;
    content: "";
    height: 2px;
    width: 6px;
    border-radius: 0;
}
section.dtg-costs ul.list-style li.yellow-check:before {
    content: "";
    position: absolute;
    background-image: url(assets/images/check-mark-simple.png);
    background-color: transparent;
    height: 32px;
    width: 32px;
    top: 0;
    left: 0;

}
section.dtg-costs ul.list-style li:before {
    top:10px;
}
section.dtg-costs .nd-btn {
    margin-top: 60px;
}
section.dtg-costs .policy { padding: 15px; }
section.dtg-costs .policy ul li {
    font-size: 12px;
}
section.dtg-costs .policy ul li:before {
    display: block;
    position: absolute;
    left: 0;
    top: -10px;
    font-size: 26px;
    content: "*";
    color: #FFC325;;
}
section.dtg-faq {
    padding: 40px 0;
}
section.dtg-faq .head h2 {
    color: #008697;
    font-size: 50px;
    font-family: 'BebasNeueBold', sans-serif;
    text-align: center;
    padding: 0 100px;
}
section.dtg-faq .head h2 a {
    color: #008697;
    text-decoration: underline;
}
section.dtg-faq .head h2 a:hover {
    text-decoration: none;
}
section.dtg-faq .head p {
    color: #000;
    font-size: 20px;
    font-family: 'Roboto-Light', sans-serif;
    text-align: center;
    padding: 0 120px 20px 120px;
}
section.participating-municipalities .head {
    font-family: 'Roboto-Light', sans-serif;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
    padding: 60px 20px;
    color: #000;
}
section.participating-municipalities .head .description {
    color: #33CCCC;
    line-height: 1.6;
    max-width: 900px;
    font-size: 18px;
    font-family: "Roboto-Regular", sans-serif;
    margin: 0 auto;
}
section.participating-municipalities .head .description a {
    color: #ffba0c;
    text-decoration: underline;
}
section.participating-municipalities .head h2 {
    color: #092c30;
    font-size: 50px;
    font-family: 'BebasNeueBold', sans-serif;
    margin: 0 auto 20px;
    text-align: center;
}
section.participating-municipalities .head ul {
    color: #008697;
    font-size: 30px;
    font-family: 'BebasNeueBold', sans-serif;
    width: 100%;
    display: inline-block;
}
section.participating-municipalities .head ul li {
    width: 25%;
    float: left;
}
section.participating-municipalities .head h3 {
    margin-bottom: 0px;
    color: #FFC325;
    font-size: 30px;
    font-family: 'BebasNeueBold', sans-serif;
    padding: 40px 100px;
    text-align: center;
}
section.participating-municipalities  {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f6f6+1,ffffff+61,ffffff+80,ffffff+100&1+80,0+100 */
    background: -moz-linear-gradient(top,  rgba(246,246,246,1) 1%, rgba(255,255,255,1) 61%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 1%,rgba(255,255,255,1) 61%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(246,246,246,1) 1%,rgba(255,255,255,1) 61%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}
section.participating-municipalities ul.nav-icons {
    align-items: center;
    justify-content: center;
}
section.participating-municipalities ul.nav-icons .nav-item {
    margin-right: 30px;
    margin-left: 30px;
}
section.participating-municipalities ul.nav-icons .nav-item a {
    display: block;
    cursor: pointer;
    color: #999;
    font-size: 30px;
    text-align: center;
    font-family: 'BebasNeueBold','Georgia', serif;
}
section.participating-municipalities ul.nav-icons .nav-item a.active {
    color: #52B7C0;
}
section.participating-municipalities ul.nav-icons .nav-item a.active .icon{
    opacity: 1;
    filter: grayscale(0);
}
section.participating-municipalities ul.nav-icons .nav-item a .icon {
    filter: grayscale(1);
    padding: 15px;
    display: block;
    height: 130px;
    width: 130px;
    background: #fff;
    margin: 0 auto 5px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    border: 3px solid #52B7C0;
}
section.participating-municipalities .tabs-holder {
    max-width: 1000px;
    margin: 0 auto;
    min-height: 400px;
    padding-bottom: 100px;
}
section.participating-municipalities .tabs-holder .cities {
    padding: 20px 40px;
}
section.participating-municipalities .tabs-holder .cities .city {
    font-size: 15px;
    margin-bottom: 15px;
    display: inline-block;
    font-family: "Roboto-Regular", sans-serif;
    color: #092c30;
}
section.participating-municipalities .tabs-holder .cities a.city{
    text-decoration: underline;
    text-decoration-skip-ink: none;
}
section.participating-municipalities .tabs-holder .cities a.city:hover {
    color: #5FD0DE;
}
section.participating-municipalities .top-letter-menu li {
    margin: 0 3px;
}
section.participating-municipalities .city-block {
    display: none;
}
section.participating-municipalities .city-block.active {
    display: flex;
}
section.participating-municipalities .top-letter-menu {
    margin-top: 40px;
}
section.participating-municipalities .tabs-holder {
    position: relative;
}
section.participating-municipalities .tabs-body {
    position: relative;
    height: 400px;
    overflow: hidden;
    transition: all ease 0.5s;
    opacity: 0;
    visibility: hidden;
}
section.participating-municipalities .tabs-holder.active .tabs-body {
    height: inherit;
    opacity: 1;
    visibility: visible;
}
section.participating-municipalities .tabs-holder .page-loader {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: all ease 0.5s;
}
section.participating-municipalities .tabs-holder.active .page-loader {
    opacity: 0;
    visibility: hidden;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-5ths {
    width: 20%;
    max-width: 20%;
    float: left;
}
.mt10 { margin-top: 10px !important; }
.mt20p { margin-top: 20%; }
button.multiselect.dropdown-toggle { background: #F6F6F6; border-color: #CCC; color: #999; font-size: 14px; text-align: left; font-family: "Roboto-Light", sans-serif; }
.multiselect-container>li>a>label { padding-left: 10px; color: #4a4a4a; }

.dtg-bread { margin-top: 20px; }
.dtg-bread .stage .you-are-here { width: 103px; height: 49px; background-image: url('assets/images/you_are_here.png'); position: absolute; left: -45px; top: -10px; }
.dtg-bread .stage .checkmark { width: 35px; height: 35px; background-image: url('assets/images/checkmark_round.png'); display: inline-block;position: absolute; top: -17.5px; left: 50%; margin-left: -17.5px; }
.dtg-bread .stage .checkmark.completed { background-image: url('assets/images/checkmark_round_checked.png'); }
.dtg-bread .col-sm-5ths .checkmark.report2 { left: 67%; top: 0; }
.dtg-bread .col-sm-5ths .checkmark.report3 { left: 67%; top: 40px; }
.dtg-bread .col-sm-5ths .checkmark.report4 { top: 58px; }
.dtg-bread .col-sm-5ths .checkmark.report5 { left: 33%; top: 40px; }
.dtg-bread .col-sm-5ths .checkmark.report6 { left: 33%; top: 0; }
.dtg-bread .stage .icon { width: 75px; height: 75px; display: block; margin: 0 auto; border: 2px solid #79D2D3; border-radius: 40px; background-size: 45px; background-repeat: no-repeat; background-position: center; }
.dtg-bread .stage .text { font-size: 16px; color:#3FC6D7; font-family: "PT Sans", sans-serif; margin-top: 10px; display: inline-block; text-decoration: underline; }
.dtg-bread .stage .text:hover { text-decoration: none; }
.dtg-bread .stage .text.active { font-weight: bold; color: #008697; text-decoration: none; }
.dtg-bread .stage .arr { width: 82px; height: 7px; background-image: url('assets/images/arrow_blue.png'); position: absolute; top: 35px; right: -40px; }
.dtg-bread .col-sm-5ths:nth-of-type(1) .icon { background-image: url('assets/images/dtg/bread-icon4.svg'); }
.dtg-bread .col-sm-5ths:nth-of-type(2) .icon { background-image: url('assets/images/dtg/bread-icon1.svg'); }
.dtg-bread .col-sm-5ths:nth-of-type(3) .icon { background-image: url('assets/images/dtg/bread-icon2.svg'); }
.dtg-bread .col-sm-5ths:nth-of-type(4) .icon { background-image: url('assets/images/dtg/bread-icon3.svg'); }
.dtg-bread .col-sm-5ths:nth-of-type(5) .icon { background-image: url('assets/images/dtg/bread-icon1.svg'); }
.dtg-bread .col-sm-2:nth-of-type(1) .icon { background-image: url('assets/images/dtg/bread-icon4.svg'); }
.dtg-bread .col-sm-2:nth-of-type(2) .icon { background-image: url('assets/images/dtg/bread-icon1.svg'); }
.dtg-bread .col-sm-2:nth-of-type(3) .icon { background-image: url('assets/images/dtg/bread-icon3.svg'); }
.dtg-bread .col-sm-2:nth-of-type(4) .icon { background-image: url('assets/images/dtg/bread-icon2.svg'); }
.dtg-bread .col-sm-2:nth-of-type(5) .icon { background-image: url('assets/images/dtg/bread-icon3.svg'); }
.dtg-bread .col-sm-2:nth-of-type(6) .icon { background-image: url('assets/images/dtg/bread-icon1.svg'); }
.dtg-bread.cdap .col-sm-5ths:nth-of-type(3) .icon { background-image: url('assets/images/dtg/bread-icon3.svg'); }

.learndash-container, #learndash_lessons a, #learndash_quizzes a, .expand_collapse a, .learndash_topic_dots a, .learndash_topic_dots a > span, #learndash_lesson_topics_list span a, #learndash_profile a, #learndash_profile a span { font-family: 'Roboto', 'Georgia', serif; }
.learndash-container #templateRight .widget-content { margin-bottom: 40px; display: inline-block; width: 100%; }
.learndash-container #templateRight h3.widget-title { color: #008697; font-family: 'BebasNeueBold', sans-serif; }
.learndash-container #templateRight .course_progress { margin: 10px 0; float: left; width: 80%; }
.learndash-container #templateRight .couse_percentage { float: left; margin: 10px 0; padding-left: 10px; }
.learndash-container #templateRight .learndash_navigation_lesson_topics_list a { color: #00b5ca; }
.learndash-container .topic-notcompleted span { background-image: url('assets/images/checkmark_round.png');  background-size: 20px; background-position: 0 2px; padding-left: 25px; }
.learndash-container .topic-completed span { background-image: url('assets/images/checkmark_round_checked.png');  background-size: 20px; background-position: 0 2px; padding-left: 25px; }
.learndash_content iframe { width: 100%; }
.single-sfwd-lessons #learndash_lesson_topics_list ul > li > span a, .singular-sfwd-lessons #learndash_lesson_topics_list ul > li > span a { padding-left: 10px !important; }
.learndash .learndash_topic_dots.type-list a > span { padding-left: 30px !important; }
#learndash_lessons, #learndash_quizzes, #learndash_profile, #learndash_lesson_topics_list > div { border-radius: 0; border: none; }
#learndash_lessons #lesson_heading, #learndash_profile .learndash_profile_heading, #learndash_quizzes #quiz_heading, #learndash_lesson_topics_list div > strong { background-color: #00B5CA; color: #FFF; border-radius: 0; border: none; font-size: 16px; }
#learndash_lesson_topics_list ul > li.nth-of-type-odd { background-color: #fdfdfd; }
#learndash_lessons h4 > a:hover, #learndash_quizzes h4 > a:hover, #learndash_lesson_topics_list ul > li > span.topic_item:hover { background-color: #defcff; }
#lessons_list > div h4 > a, #course_list > div h4 > a, #quiz_list > div h4 > a { font-size: 14px; color: #00b5ca; }
.learndash .completed, #learndash_profile .completed { background: url('assets/images/level-todo-complete.svg') no-repeat; background-position: 97.9% center; }
.learndash .notcompleted, #learndash_profile .notcompleted { background: url('assets/images/level-todo-incomplete.svg') no-repeat; background-position: 97.9% center; }
.learndash input[type='button'], #learndash_mark_complete_button {
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    background: #00B4CA;
    display: inline-block;
    line-height: 16px;
    border-radius: 4px;
    text-align: center;
    padding: 12px 25px;
    text-decoration: none;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s; }
.learndash input[type='button']:hover, .learndash input[type='button']:focus, #learndash_mark_complete_button:hover, #learndash_mark_complete_button:focus { outline: none; color: #fff; background: rgb(3, 160, 179); }
.learndash_navigation_lesson_topics_list > div > div.list_checkmark { display: table-cell; width: 20px; text-align: center; padding: 0; background-image: url('assets/images/checkmark_round.png'); background-position: 0 5px; background-repeat: no-repeat; background-size: 20px; }
.learndash_navigation_lesson_topics_list > div > div.list_checkmark.lesson_completed { background-image: url('assets/images/checkmark_round_checked.png'); }
.course_navigation .learndash_topic_widget_list a > span { margin: 0 0 0 3px; }
.learndash-wrapper .wpProQuiz_content ul.wpProQuiz_questionList li label.is-selected:before {
    opacity: 1;
    font-size: .825em;
    margin-top: 1px;
    left: 24px;
    top: 20px;
    content: "";
    width: 27px;
    height: 24px;
    background: url(/wp-content/themes/digitalmainstreet/assets/images/new-design/checkmark-yellow.png) no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
}
.learndash-wrapper .wpProQuiz_content ul.wpProQuiz_questionList li label.is-selected:after {
    display: none;
}
.wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect label,
.wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect span,
.wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete label,
.wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete span {
    border-color: #5fd0de !important;
    background: #5fd0de !important;
    color: #fff !important;
}
.learndash-wrapper .wpProQuiz_content ul.wpProQuiz_questionList li.wpProQuiz_questionListItem.wpProQuiz_answerCorrect label.is-selected {
    color: #fff !important;
}
.wpProQuiz_content .wpProQuiz_questionList {
    overflow: visible;
}
.lesson_incomplete.list_arrow.expand, .lesson_incomplete.list_arrow.collapse { background: none; color: #00b5ca; }
.lesson_incomplete.list_arrow.expand:after { font-family: 'FontAwesome'; content: "\f106"; cursor: pointer; }
.lesson_incomplete.list_arrow.collapse:after { font-family: 'FontAwesome'; content: "\f107"; cursor: pointer; }
dd.course_progress div.course_progress_blue { background-color: #00B4CA; }
main.appFormHolder section.au-form .au-form-header { padding: 45px 0 30px; }
main.appFormHolder section.au-form .au-form-header .wrapper { max-width: 100%; }
main.appFormHolder section.au-form .au-form-header .info { max-width: 90%; padding-top: 0; }
main.appFormHolder section.au-form .au-form-body { background-color: #F6F6F6 !important; }
main.appFormHolder section.au-form .au-form-body form label span { font-weight: normal; font-family: 'Roboto-Regular', 'Georgia', serif; font-size: 16px; }
main.appFormHolder section.au-form .au-form-body form legend.hs-field-desc { font-size: 12px; }
main.appFormHolder section.au-form .au-form-body form fieldset { margin-bottom: 10px; }
main.appFormHolder section.au-form .au-form-body form ul.hs-error-msgs li label { font-weight: normal; font-family: 'Roboto-Regular', 'Georgia', serif; }
main.appFormHolder section.au-form .au-form-body form fieldset > div:nth-of-type(2) { padding-left: 10px; }
main.appFormHolder section.au-form .au-form-body form fieldset div.input { margin: 0; }
main.appFormHolder section.au-form .au-form-body form input, main.appFormHolder section.au-form .au-form-body form select { display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    font-family: "Roboto-Light", sans-serif;
    background-color: #F6F6F6;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
main.appFormHolder section.au-form .au-form-body form input[type="submit"] {
    color: #fff;
    background: rgb(3, 160, 179);
    text-transform: uppercase;
    font-family: "Roboto-Bold", sans-serif;
    font-size: 16px;
    border: none;
}
table.dtg-req-box td:first-of-type { width: 120px; padding-right: 20px; padding-left: 5px; box-sizing: content-box; text-align:center; }
table.dtg-req-box td:first-of-type img { margin: 0; }
.page-template-template-vendor-company-info .form-group .closeBlock { top: 40px; }
.page-template-template-bia-city-vendors-profile .file-cont label { float: left; }
@media (min-width: 576px) {
    .col-sm-5ths {
        width: 20%;
        max-width: 20%;
        float: left;
    }
}

/* Benefits Page Styles */
section.benefits table {
    text-align: left;
    background: #FFF;
    border: solid 1px #DDD;
}

section.benefits table tr > td:first-child {
    width: 30% !important;
    text-align: center;
}

section.benefits table tr > td:last-child {
    width: 100% !important;
}

section.benefits table td {
    border-bottom: solid 1px #DDD;
    font-size: 18px;
    padding: 20px;
}

section.benefits table img {
    height: auto;
    width: auto;
    max-height: 100px;
    max-width: 200px;
}

section.benefits-objectives {
    background: #FFF;
}

section.benefits-objectives .wrapper {
    padding: 60px 20px;
}

section.au-form.volunteer-form {
    padding-top: 100px !important;
}

/* marketplace styles */

/* .vp-sidebar.inline-items{} */
section.vp-profile .vp-sidebar.inline-items .vp-sidebar-box {
    float: left;
    border-bottom: none;
    min-width: 240px;
    padding: 25px;
}
section.vp-profile .vp-sidebar.inline-items .vp-sidebar-box.vp-sidebar-title {
    width: 400px;
}

/* Shopify Themes page - WYSIWYG styles */
section.shopify-themes {
    margin-bottom: 55px;
}

section.shopify-themes table {
    max-width: 1200px;
    margin: 0 auto;
}

section.shopify-themes td {
    margin: 0 15px;
    width: calc(25% - 30px) !important;
    display: inline-block;
    min-width: 300px;
}

section.shopify-themes h2 {
    color: #000;
    margin-bottom: 15px;
    font-size: 35px;
}

section.shopify-themes table a {
    display: block;
}

section.shopify-themes table p {
    color: black;
    font-size: 16px;
}

section.shopify-themes hr {
    max-width: 1200px;
    margin-bottom: 65px;
}

div.shop-flex-parent {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
p.roboto-18 {
    font-family: 'Roboto-Light', sans-serif;
    font-size: 18px;
}
p.white-14 {
    font-family: 'Roboto-Light', sans-serif;
    color: #FFF;
    font-size: 14px;
}
p.white-14 a {
    color: #FFF;
    text-decoration: underline;
}
p.white-14 a:hover {
    text-decoration: none;
}
.f-normal {
    font-weight: normal !important;
}
figure.wp-caption.aligncenter {
    margin-right: auto;
    margin-left: auto;
}
figure.wp-caption img { margin-bottom: 5px; }
figure.wp-caption figcaption {
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    line-height: 1.6;
    color: #4a4a4a;
}
section.futureproof-steps {
    position: relative;
    padding: 100px 0;
}
section.futureproof-steps h2 {
    color: #008697;
    font-size: 50px;
    font-family: 'BebasNeueBold', sans-serif;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto 20px;
}
section.futureproof-steps .boxes .box {
    position: relative;
    padding-left: 60px;
    padding-top: 40px;
    max-width: 350px;
    margin: 40px 0;
}
section.futureproof-steps .boxes .box .content-holder {
    position: relative;
}
section.futureproof-steps .boxes .box .content-holder h3 {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'BebasNeueBold', sans-serif;
}
section.futureproof-steps .boxes .box .content-holder p {
    line-height: 1.8;
    font-size: 16px;
}
section.futureproof-steps .boxes .box .number {
    position: absolute;
    top: 0;
    left: 0;
    height: 155px;
    width: 100px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}
section.futureproof-steps .boxes .col-box:nth-child(1) .number {
    background-image: url(assets/images/dtg/sh-digit-1.png);
    background-position: center;
}
section.futureproof-steps .boxes .col-box:nth-child(2) .number {
    background-image: url(assets/images/dtg/sh-digit-2.png)
}
section.futureproof-steps .boxes .col-box:nth-child(3) .number {
    background-image: url(assets/images/dtg/sh-digit-3.png);
}
.button-holder a {
    margin-right: 30px;
    margin-bottom: 20px;
}
.button-holder a:last-child {
    margin-right: 0;
}
section.dms-courses {
    margin-bottom: -150px;
}
.courses {
    margin-bottom: 100px;
}
.courses .box {
    display: inline-block;
    width: 100%;
    margin: 0 15px 30px;
    height: 410px;
    position: relative;
    overflow: hidden;
    background-size: cover;
}
.courses .box:before {
    transition: all ease 0.5s;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(6, 44, 48, 0.6);

}
.courses .box .title {
    color: #fff;
    line-height: 1.5;
    white-space: normal;
    font-family: 'Roboto-Bold', 'Georgia', serif;
    font-size: 22px;
    max-height: 200px;
    overflow-y: hidden;
    position: absolute;
    left: 20px;
    top: 110px;
    margin-right: 20px;
}
.courses .box .title:hover {
    text-decoration: underline;
}
.box-content {
    background-color: #fff;
    border: 2px solid #00b5ca;
    border-radius: 3px;
    font-family: 'Roboto-Light', 'Georgia', serif;
    font-size: 15px;
    color: #4a4a4a;
    margin: 80px 0 10px 0;
}
.box-content span {
    display: block;
    padding: 5px 10px;
    font-weight: 700;
    font-size: 1.1em;
    background-color: #00b5ca;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.box-content p {
    padding: 0 10px;
}

html[lang="fr-CA"] .category-list li a { text-transform: none; }
html[lang="fr-CA"] header .header-menu ul.primary-menu > li { margin-left: 10px; }
html[lang="fr-CA"] .guest ul.guest li:nth-of-type(1) { padding-bottom: 0; }
html[lang="fr-CA"] .guest ul.guest li:nth-of-type(2) { display: none; }
html[lang="fr-CA"] .guest ul.guest li:nth-of-type(3) { padding-top: 0; }
html[lang="fr-CA"] .guest ul.guest li a { line-height: 22px; }
html[lang="fr-CA"] header .header-menu ul li a { padding: 5px 10px; font-size: 12px; }
html[lang="fr-CA"] header .header-menu ul li ul.sub-menu li a { padding: 8px 10px; }
#trp-floater-ls.trp-top-right {
    left: auto;
    right: 15px;
    position: absolute;
    top: 60px;
    width: 80px;
    z-index: 998;
}
.need-help {
    margin-top: 40px;
    font-size: 16px;
}
.need-help a {
    color: #3FC6D7;
}
.costs-yellow > ul > li {
    font-size: 22px;
    padding-left: 50px;
    position: relative;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
}
.costs-yellow > ul > li:before {
    content: "";
    position: absolute;
    background-image: url(assets/images/about-us/icons/check-mark.png);
    height: 32px;
    width: 33px;
    top: 0;
    left: 0;
}
.costs-yellow > ul > li > ul > li, .req-yellow ul li {
    position: relative;
    font-size: 18px;
    margin-bottom: 0;
    padding-left: 30px;
}
.costs-yellow > ul > li > ul > li:before, .req-yellow ul li:before {
    background-color: #FFC325;
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 50%;
}
#ineligible-cont .costs-yellow > ul > li > ul > li:before {
    background-color: #FF6969;
}
.req-yellow ul li {
    padding-left: 20px;
    margin-bottom: 5px;
    font-size: 15px;
}
.req-yellow ul li:before {
    top: 8px;
}
.grants-avail {
    padding-top: 20px;
}
.grants-avail a {
    color: #00B4CA;
    text-decoration: underline;
}
.grants-avail a:hover {
    text-decoration: none;
}
.acc-container h2.acc-section {
    padding: 0;
    text-align: left;
    margin: 20px 0;
}

.acc {
    margin-bottom: 10px;
}
.acc-container h1 {
    color: #FFC325 !important;
    font-size: 60px !important;
    margin-bottom: 50px;
}
.acc-head {
    padding: 0 10px 0 35px;
    font-size: 22px;
    position: relative;
    cursor: pointer;
}

.acc-head::before,
.acc-head::after {
    content: '';
    position: absolute;
    top: 50%;
    background-color: #fff;
    transition: all .3s;
}

.acc-head::before {
    left: 9px;
    width: 3px;
    height: 20px;
    margin-top: -10px;
    background: #FFC325;
}

.acc-head::after {
    left: 0;
    width: 20px;
    height: 3px;
    margin-top: -2px;
    background: #FFC325;
}

.acc-head p {
    color: #008697;
}

.acc-content {
    padding: 10px 0 10px 35px;
    font-size: 16px;
    display: none;
}
.acc-head.active::before {
    transform: rotate(90deg);
}
.acc-content ul {
    margin-bottom: 10px;
}
.acc-content ul li {
    list-style: disc;
    margin-left: 20px;
}
.dd-ajax-loader {
    position: absolute;
    z-index: 9;
    right: 21px;
    top: 32px;
    display: none;
}
.trp-color-dark #trp-floater-ls-current-language a, .trp-color-dark #trp-floater-ls-language-list a {
    color: #FFF;
    font-size: 14px !important;
}
.skip-button {
    position: absolute;
    top: -1000em;
}
.skip-button:focus {
    left: 6px;
    top: 7px;
    height: auto;
    width: auto;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 23px 14px;
    background: #ffbc0e;
    color: #062C30;
    z-index: 100000;
    line-height: normal;
    text-decoration: none;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}
#trp-floater-ls:focus { height: auto; }
#trp-floater-ls:focus-within { height: auto; }
#trp-floater-ls:focus-within #trp-floater-ls-current-language {
    display: none;
}
#trp-floater-ls-language-list {
    display: block;
    opacity: 0;
    visibility: hidden;
}
#trp-floater-ls:hover #trp-floater-ls-language-list, #trp-floater-ls:focus-within #trp-floater-ls-language-list {
    opacity: 1;
    visibility: visible;
}
.position-relative {
    position: relative !important;
}
.blurred-content {
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    margin: -20px;
}
.login-form-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 10;
}
.login-form-popup h2 {
    font-family: 'Bebas', 'Georgia', serif;
    font-size: 24px;
    margin-bottom: 20px;
    color: #14818F;
}
.login-form-popup a {
    color: #00B4CA;
}
.login-form-popup input {
    width: 100%;
}