#cb-site-container {
      background-image: url(//fast.clickbooq.com/a544ea-848/footer_lodyas.png);
      background-color: rgb(255, 255, 255);
      background-size: auto;
      background-repeat: repeat;
      background-position: left top;
      padding-top: 30px;
      // padding-bottom: 20px;
    }

    .cb-site {
      background-color: rgb(255, 255, 255);
      padding-top: 20px;
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom:10px;
      margin-left: auto;
      margin-right: auto;
      max-width: 1280px;
      margin-bottom: 20px;
    }

    .cb-site main {
      padding-top: 14px;
    }

    .cb-site .hm-wrapper {
      padding-bottom: 37px;
    }

    .gallery-slideshow, .gallery-slideshow .slide, .video-layer {
      background-color: rgb(255, 255, 255);
    }

    .gallery-slideshow .gallery-close-button, .video-layer .gallery-close-button  {
      color: rgb(102, 102, 102);
    }

    .cb-site .gallery-slideshow .item {
      background-color: rgba(195, 195, 195, 0);
    }

    .cb-site .gallery-slideshow .item, .cb-site .gallery.item {
      background-color: rgba(195, 195, 195, 0);
    }

    .cb-site footer {
      bottom: 10px;
      padding-top: 10px;
    }

    .client-pages .cb-site main, .client-blog .cb-site main {
      max-width: 1280px;
    }

    .cb-site .logo_text h2 a{
      font-family: Oswald;
      font-size: 36px;
      color: rgb(0, 0, 0);
      text-transform: none;
      text-decoration: none;
      letter-spacing: 4px;
    }

    .cb-site .logo_text {
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
    }

    .cb-site .logo_image {
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
    }

    .cb-site .logo_image img {
      max-width: 400px;
    }

    .cb-site nav ul.main-nav {
      padding-top: 20px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
    }

    .cb-site.v-nav-left header, .cb-site.v-nav-left-banner nav {
      width: 220px
    }

    .cb-site.v-nav-left main, .cb-site.v-nav-left-banner main {
      margin-left: 220px
    }

    .cb-site nav li.nav-item {
      margin-right: 18px;
    }

    .cb-site nav li .sub-nav-item-link {
      line-height: 0em;
    }

    .cb-site nav.vertical li.nav-item {
      margin-bottom: 18px;
    }

    .cb-site nav.vertical .sub-nav li {
      margin-top: 18px;
    }

    .cb-site:not(.v-nav-left, .v-nav-left-banner) nav li.nav-item {
      margin-right: 18px;
    }

    .cb-site nav li a {
      font-family: Lato;
      font-size: 14px;
      color: rgb(102, 102, 102);
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.5px;
    }

    .cb-site nav li a:hover, .cb-site nav li a.current, .cb-site nav li a:active {
      color: rgb(153, 102, 51);
    }

    .cb-site p, .cb-site li:not(.nav-item) {
      font-family: Lato;
      font-size: 14px;
      color: rgb(43, 43, 43);
      text-transform: none;
      text-decoration: none;
      letter-spacing: 0.4px;
      line-height: 1.2;
    }

    .cb-site a {
      color: rgb(127, 96, 0);
    }

    .cb-site h1 {
      font-family: Lato;
      font-size: 30px;
      color: rgb(153, 102, 51);
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.8px;
    }

    .cb-site h2 {
      font-family: Lato;
      font-size: 20px;
      color: rgb(153, 102, 51);
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.7px;
    }

    .cb-site h3, .cb-site h4, .cb-site h5, .cb-site h6, .cb-site .form-group label {
      font-family: Lato;
      color: rgb(153, 102, 51);
      text-transform: none;
      text-decoration: none;
      letter-spacing: 0.8px;
    }

    .cb-site .form-group label {
      font-size: 16px;
    }

    .cb-site h3 {
      font-size: 16px;
    }

    .cb-site .form-control {
      font-family: Lato;
      border-radius: 0px;
      box-shadow: inset 0 0 0 2px rgba(102, 102, 102,0.25);
      color: #666666;
    }

    .cb-site footer, .cb-site footer .cb-branding {
      line-height: 0;
    }

    .cb-site footer .footer-text{
      font-family: Nobile;
      font-size: 11px;
      color: rgb(163, 163, 163);
      text-transform: none;
      text-decoration: none;
      letter-spacing: 0.4px;
    }

    .cb-site .social-menu {
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
    }

    .social-icon-svg {
      height:20px;
      width:20px;
      fill:rgb(153, 153, 153);
    }

    .totop-icon-svg {
      fill:rgb(153, 102, 51);
    }

    .social-icon-svg:hover {
      fill: rgb(153, 102, 51);
    }

    .cb-site .grid .item .item_filename {
      font-family:Helvetica Neue;
      font-size:12px;
      color: #ffffff;
      text-transform: none;
      text-decoration: none;
      letter-spacing: 0px;
      line-height: 1;
      padding:10px;

    }

    .cb-site .item .item_filename {
      font-family:Helvetica Neue;
      font-size:12px;
      color: #ffffff;
      text-transform: none;
      text-decoration: none;
      letter-spacing: 0px;
      line-height: 1;
    }

    .cb-site .index_grid .item .item_info {
      padding-top:10px;
      padding-bottom:10px;
      padding-left:0px;
      padding-right:0px;
    }

    .cb-site .index_grid .item .item_info {
      text-align: Center;
    }

    /* video play icon size for grids */
    .cb-site .fa-play-circle-o {
      font-size: 35px;
    }
    /* video play icon size for slideshow thumb panel */
    .cb-site .gallery-slideshow .fa-play-circle-o {
      font-size: 24px;
    }

    .cb-site .index_grid .item .item_info .item_title, .cb-site .index_grid .item .item_info .item_title a {
      font-family:Lato;
      font-size:14px;
      color: rgb(120, 63, 4);
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.6px;
      line-height: 1;
    }

    .cb-site .index_grid .item .item_info .item_caption, .cb-site .index_grid .item .item_info .item_caption a {
      font-family:Lato;
      font-size:12px;
      color: rgb(90, 90, 90);
      text-transform: none;
      text-decoration: none;
      letter-spacing: 0.4px;
      line-height: 1.3;
    }

    .cb-site .grid .item {
      background-color: rgb(237, 237, 237);
    }

    .cb-site .grid .hover_text {
      font-family:Helvetica Neue;
      font-size:14px;
      color: #ffffff;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0px;
      line-height: 1;
    }

    .cb-site .index_grid .item {
      background-color: rgb(255, 255, 255);
      padding: 0px;
    }

    .cb-site .index_grid .item .item_caption {
      padding-top: 10px;
    }

    .cb-site .index_grid .hover_text {
      font-family:Lato;
      font-size:20px;
      color: rgb(120, 63, 4);
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0px;
      line-height: 1;
    }

    .gallery.vertical-scroller .item {
      margin-bottom:0px;
      background-color: rgb(237, 237, 237);
    }

    .gallery.vertical-scroller .item_title {
      color: #fff;
      font-family:Lato;
      font-size:14px;
      color: rgb(67, 67, 67);
      text-transform: none;
      text-decoration: none;
      letter-spacing: 0.4px;
      line-height: 1;
    }
     .gallery.vertical-scroller .item_caption {
      font-family:Lato;
      font-size:14px;
      color: rgb(142, 142, 142);
      text-transform: none;
      text-decoration: none;
      letter-spacing: 0px;
      line-height: 1;
    }

    .gallery-slideshow .info-background {
      background-color: rgba(225, 225, 225, 0.78);
    }

    .gallery-slideshow .info-content {
      padding: 20px;
    }

    .gallery-slideshow .info-content .info-title {
      font-family:Lato;
      font-size:14px;
      text-align: left;
      color: rgb(67, 67, 67);
      text-transform: none;
      text-decoration: none;
      letter-spacing: 0.4px;
      line-height: 1;
    }

    .gallery-slideshow .info-content .info-body {
      font-family:Lato;
      font-size:14px;
      text-align: left;
      color: rgb(142, 142, 142);
      text-transform: none;
      text-decoration: none;
      letter-spacing: 0px;
      line-height: 1;
    }

    .arrow-icon {
      color: rgb(255, 255, 255);
      font-size:30px;
    }

    .arrow-background {
      background-color: rgba(255, 255, 255, 0.61);
    }

    .gallery-slideshow .toolbar {
      color: rgb(152, 152, 152);
      font-size:22px;
    }

    .gallery-slideshow .toolbar-counter {
      font-family: Lato;
      font-size:18px;
    }

    .gallery-slideshow .toolbar .toolbar-button:hover {
      color: #000000;
    }

    /* sets the Page Canvas to match the Page Width setting, to prevent unwanted scaling of images when Page is rendered on smaller windows */
    /*
    .admin-pages.show .page-canvas, .admin-posts.show .page-canvas, .admin-posts.edit .page-canvas {
      min-width: 1280px;
    } 
    */
  /* template style matching overrides */


  /* shared */

    .cb-site hr {
      border-bottom: 1px solid rgba(153, 102, 51,0.25);
    }

    .cb-site .btn-primary {
      font-family: Lato;
      background-color: rgb(102, 102, 102);
      font-size: 1.0em;
    }

    .cb-site .btn-primary:hover {
      background-color: rgb(153, 102, 51);
    }

    .cb-site .sub-nav {
      background-color: rgba(255,255,255,0.9);
    }

    .cb-site.v-nav-left .sub-nav, .cb-site.v-nav-left-banner .sub-nav  {
      background-color: transparent;
    }

    .cb-site .alert-success {
      font-family: Lato;
      font-size: 1em;
    }

    .cb-site .cb-branding .cb-symbol svg {
      fill: rgba(153, 102, 51,0.2);
    }

    /* form validation error */
    .cb-site .form-error {
      font-family: Lato;
    }

    /* return to top button */
    .totop {
      background: rgba(255,255,255,0.9);
    }

    .totop svg {
      fill: rgb(153, 102, 51);
    }

    /* blog */

    .cb-site .cb-blog h1 a {
      color: rgb(153, 102, 51);
    }

    .cb-site .cb-blog .pagination a {
      color: rgb(102, 102, 102);
      font-family: Lato;
      font-size: 14px;
    }

    .cb-site .cb-blog .pagination a:hover {
      color: rgb(153, 102, 51);
    }

    .cb-site ..cb-blog pagination .disabled {
      color: rgb(102, 102, 102);
    }

    .cb-site .cb-blog .pagination .current {
      border-color: rgba(153, 102, 51,0.5);
      font-family: Lato;
      font-size: 14px;
      color: rgb(153, 102, 51);
    }

    // 1px border separator at end of post, before tags and sharing links
    // .cb-site .cb-blog .blog-pagination-wrapper {
    //   border-bottom: 1px solid rgba(102, 102, 102,0.5);
    // }

    /* end blog */

    .gallery-slideshow .toolbar {
      background-color: rgb(255, 255, 255);
    }


  /*mobile css matching*/

    @media only screen 
      and (min-width: 0px) 
      and (max-width: 768px),
      /* iphone XS Max/XR */
      only screen 
      and (device-width : 414px) 
      and (device-height : 896px) 
      and (orientation: landscape) {


    header {
      background-color: rgb(255, 255, 255);
    }

    #cb-site-container {
       background-color: rgb(255, 255, 255);
    }

    .cb-site .logo_image {
      background-color: rgb(255, 255, 255);
    }

    .cb-site .menu-name {
      font-family: Lato;
      color: rgb(102, 102, 102);
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.5px;
    }

    .cb-site .menu-toggle {
      color: rgb(102, 102, 102);
    }

    .cb-site .nav-item {
      background-color: rgb(255, 255, 255);
      /* hide artifacting on subnav expand on some devices */
      border-top: 1px solid rgb(255, 255, 255);
      border-bottom: 1px solid rgb(255, 255, 255);
    }

    .cb-site .sub-nav, .cb-site.v-nav-left .sub-nav, .cb-site.v-nav-left-banner .sub-nav {
      background-color: rgba(102, 102, 102,0.2);
    }

    .cb-site nav li a:hover {
      color: rgb(153, 102, 51);
    }

    .cb-site .mobile-social-item .social-menu {
      background-color: rgb(255, 255, 255);
    }

    .cb-site .footer-content {
      background-color: rgb(255, 255, 255);
    }

    .cb-site .mobile-footer-content {
      font-family: Nobile;
      color: rgb(163, 163, 163);
      text-transform: none;
      text-decoration: none;
      letter-spacing: 0.4px;
    }
  }