@font-face {
  font-family: 'Open Sans';
  src: url(../fonts/OpenSans.ttf) format("woff2-variations");
}

@font-face {
  font-family: 'Open Sans Condensed';
  src: url(../fonts/OpenSans_Condensed.ttf);
}
@font-face {
  font-family: 'Open Sans Condensed Light';
  src: url(../fonts/OpenSans_Condensed-Light.ttf);
}
body, #sp-bottom { line-height: 23px !important; color: #5f5c52 !important; font-family: 'OpenSans', sans-serif; font-size: 16px !important; }
p, div { margin: 0; padding: 0; }
b, strong { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; }
a, a:visited { color: #5f5c52; text-decoration: none; }
h1.page-header, h1.sppb-addon-title { font-family: 'Open Sans Condensed', sans-serif; font-size: 32px; line-height: 33px; font-weight: bold; color: rgba(204,194,122,1); margin: 0 0 25px 0; }
h2 { font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; line-height: 33px; font-weight: bold; margin: 0 0 5px 0; }
h3 { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 23px; font-style: italic; font-weight: 600; }

#offcanvas-toggler { position: absolute; right: 37px; top: 10px; }
.burger-icon { width: 35px; }
.burger-icon > span { height: 4px; margin: 7px 0; }
.offcanvas-active .burger-icon { width: 25px; }
.offcanvas-active .burger-icon > span { height: 2px; margin: 5px 0; }
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus { color: rgba(204,194,122,1); }
.logo-image-phone { height: 88px !important; margin: -38px 0 0 20px; }

.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus { background: rgba(204,194,122,1); }
  
.sige_thumb img { background: none !important; border: none !important; box-shadow: 2px 2px 5px #8e8c8c; margin: 0 !important; padding: 0 !important; }
.bold_w_color { font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; color: rgba(204,194,122,1); }

#content-inner ul { padding-left: 0; margin-top: 0; }
#conten-inner img { width: 100%; height: auto; }
#sp-menu li { display: inline-block; background: url(../images/menu-separator.png) no-repeat left center; color: rgba(204,194,122,1); text-align: center; border-bottom: none; }


.body-innerwrapper .container { padding: 0; }
#sp-header { margin: 70px 0 20px 0; box-shadow: none; }
#sp-main-body { padding: 0; background: rgb(250,245,237); }
.article-details .article-can-edit, .article-details .article-ratings-social-share { display: none !important; }
#content-inner .grid-2-column-left-wide, #content-inner .grid-2-column-right-wide, #content-inner .grid-2-column { display: inline-grid; grid-template-row: auto auto; grid-row-gap: 40px; width: 100%; }

#sp-menu { height: 50px; margin-top: 70px; }
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { font-family: 'Open Sans', sans-serif !important; font-size: 16px; padding: 0px 24px 0 30px;; text-decoration: none; background: transparent !important; }
.sp-megamenu-parent > li:hover > a { font-weight: bold; }
#sp-menu li:first-child { background: none; }

#sp-bottom { padding: 30px; }
#sp-footer2 { padding: 30px; }

.sp-copyright { font-size: 16px; }
#sp-footer2 .container-inner { height: auto; font-size: 16px; border-top: 1px solid #767676; }
#sp-footer1 a { text-decoration: none; color: #5f5c52; }
.menu-footer li { display: inline-block; color: rgba(204,194,122,1); text-align: center; vertical-align: middle; padding: 0 5px 0 3px; border-right: 1px solid rgba(95,92,82,1); border-image: linear-gradient(to bottom, rgba(95,92,82,0) 20%,rgba(95,92,82,1) 20%,rgba(95,92,82,1) 80%,rgba(95,92,82,0) 80%); border-image-slice: 100%; border-image-slice: 1; }
.menu-footer li .nav-header { display: block; padding: 0 !important; font-size: 16px !important; font-weight: 400 !important; line-height: normal !important; color: #5f5c52 !important; text-shadow: none !important; text-transform: none !important; }
.menu-footer li:last-child { border: none; }
.menu-footer li:first-child { padding: 0 15px 0 3px; }
.menu-footer li a:hover, .menu-footer li.active a { color: rgba(204,194,122,1) !important; font-weight: bold; }

.sp-megamenu-parent li a::after,  .menu-footer li a::after { display: block; content: attr(title); font-weight: bold; visibility: hidden; overflow: hidden; height: 0px; }
.menu-footer li a::after { padding: 0 10px; }

#sp-main-body #quote { display: none; position: absolute; top: 212px; left: 50px; font-family: 'Open Sans Condensed Light', sans-serif; font-size: 40px; line-height: 40px; color: #fff; }
.quote { font-family: 'Open Sans Condensed Light', sans-serif; font-size: 45px; line-height: 50px; color: #fff; }
#sp-main-body #quote-author { font-size: 25px; line-height: 40px; font-weight: bold; }

#content-inner { padding: 25px 30px 30px 30px; }
#content-inner li, #sp-page-builder .page-content  li { padding-left: 15px; list-style-type: none; background: url(../images/menu-separator.png) no-repeat 0px 8px; }

.sppb-row-column { padding: 0; }


@media only screen and (min-width: 500px) {
    #sp-main-body #quote { display: block; }
    #content-inner { padding: 45px 50px 50px 50px; }        
}

@media only screen and (min-width: 800px) {
    #sp-bottom1, #sp-bottom2, #sp-bottom3 { width: 33% !important; }

@media only screen and (min-width: 1024px) {
    #sp-main-body #quote { top: 35px; font-size: 45px; line-height: 55px; left: 50%; margin-left: -480px; }
    #sp-main-body #quote-author { font-size: 20px; line-height: 70px; }
    #sp-menu li a:hover, #sp-menu li.active a, .module-copyright a:hover { color: rgba(204,194,122,1); font-weight: bold; } 
    #content-inner { padding: 45px 0 50px 0; }
    #embedGoogleMapWrapper-1, #content-inner .grid-2-column-left-wide.contact img { margin-top: 5px; }   
    #content-inner .image-column2 { margin: -115px 0 50px 0; }    
    #content-inner .grid-2-column-left-wide { display: inline-grid; grid-template-columns: calc( 62% - 80px ) 38%; grid-column-gap: 80px; width: 100%; }
    #content-inner .grid-2-column-right-wide { display: inline-grid; grid-template-columns: calc( 38% - 80px ) 62%; grid-column-gap: 80px; }
    #content-inner .grid-2-column { display: inline-grid; grid-template-columns: auto auto; grid-column-gap: 80px; }
    #content-inner .grid-3-column { display: inline-grid; grid-template-columns: auto auto auto; grid-column-gap: 80px; }  
    #sp-menu { position: absolute !important; right: 0; left: auto; width: auto; margin-top: 0; background: transparent; top: 35px; height: auto; -webkit-transform: translate3d(0,0); transform: translate3d(0,0,0); }
    #sp-footer1 { padding: 0; }
}         
}