*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body, html, form{min-height:100%; letter-spacing:.08rem;}

.wrapper{min-height:650px;}
body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.5);background-color:#666;cursor:pointer;}
body::-webkit-scrollbar{width:10px;cursor:pointer;}
body::-webkit-scrollbar-thumb{background-color:#333; cursor:pointer;}
body::-webkit-scrollbar-thumb:hover{background-color:#000;}
html{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-size:16px;}

@media (max-width:768px) {
body{font-size:.8rem!important;}
}

a{text-decoration:none; outline:none!important;}
a:hover, a:focus{}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.scrollup{position:fixed;bottom:0px;right:0px;display:none;z-index:99;font-size:28px;width:40px;height:40px;line-height:40px;text-align:center;background:#FFF;}
.scrollup{-webkit-animation:moveFromBottom 1000ms ease;-moz-animation:moveFromBottom 1000ms ease;-ms-animation:moveFromBottom 1000ms ease;}
a.scrollup{color:#333!important;}
a.scrollup:hover{background:#000;color:#fff!important;}
a.btn{text-decoration:none!important;}
a.btn-dark{background:#323232!important;color:#FFF!important;border-radius:100px;line-height:32px;border:#FFF 1px solid;padding:2px 15px!important;font-size:12px;}
a.btn-dark:hover{border-color:#ffcc00!important;color:#ffcc00!important;}



.text-btn{border:#F37021 1px solid; text-transform:uppercase; letter-spacing:0.05rem; font-size:14px; color:#000; padding:10px 15px;}
.text-btn:hover{background:#F37021;color:#FFF;}
a:hover .text-btn.bg-white{background:#F37021!important;color:#FFF!important;}
.text-link, ul.tab-links a{text-transform:uppercase; letter-spacing:0.1rem; font-size:.85rem; }


.sqaure-list{margin:0; padding:0; list-style:square;  text-align:center;}

.bg-beige{background:#eeeae5;}
.pagination .page-link{box-shadow:none!important; border-radius:8px!important; width:32px; line-height:32px; padding:0!important; text-align:center;}
.pagination .focus a{background:var(--bs-primary); color:#FFF!important; border-color:var(--bs-primary)!important;}
.spacer1{clear:both;width:100%;height:10px;}
.spacer2{clear:both;width:100%;height:20px;}
.spacer3{clear:both;width:100%;height:30px;}
.spacer4{clear:both;width:100%;height:40px;}
.spacer5{clear:both;width:100%;height:50px;}
hr.solid{border:0;border-top:1px solid #ccc;}
hr.dotted{border:0;border-top:1px dotted #666;background:#292929;}
hr.dashed{border:0;border-top:1px dashed #ccc;background:#fff;}
hr.double{border:0;border-top:1px dashed #ccc;background:#999;}
.err{font-size:12px;color:#c80000;}
.fa-icon{padding-left:20px !important;position:relative;}
.fa-icon > .fa{position:absolute;top:2px;margin-left:-20px !important;}
.fa-icon-40{padding-left:50px !important;position:relative;vertical-align:middle;line-height:normal;padding-top:5px;}
.fa-icon-40 > .fa{position:absolute;top:2px;margin-left:-50px !important;}
a, .btn, form,.text-btn{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.delay-05s{-webkit-animation-delay:0.5s;animation-delay:0.5s;}
.delay-06s{-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.delay-07s{-webkit-animation-delay:0.7s;animation-delay:0.7s;}
.delay-08s{-webkit-animation-delay:0.8s;animation-delay:0.8s;}
.delay-09s{-webkit-animation-delay:0.9s;animation-delay:0.9s;}
.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;}
.delay-15s{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.delay-2s{-webkit-animation-delay:2s;animation-delay:2s;}
.delay-25s{-webkit-animation-delay:2.5s;animation-delay:2.5s;}
.delay-3s{-webkit-animation-delay:3s;animation-delay:3s;}
ul.social_media{margin:0; padding:0px;}
ul.social_media li{display:inline-block;list-style-type:none;list-style-image:none;padding:0px;margin:0 1px 0px;border:none;vertical-align:middle;}
ul.social_media li a{display:block;font-size:18px;transition:none .6s ease-in-out;-webkit-transition:none .6s ease-in-out;-moz-transition:none .6s ease-in-out;-o-transition:none .6s ease-in-out;-ms-transition:none .6s ease-in-out;}
ul.social_media li a:hover{display:block;}
ul.social_media .fa{padding:0px;margin:0px;border:0;background:transparent; color:#E6E6E6!important;width:30px;height:30px;line-height:30px;vertical-align:middle;text-align:center; font-weight:300;}
ul.social_media .fa:hover{color:#fff!important;}
.fa-facebook, .fa-google, .fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram{transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;}

header{background:transparent;}
header, .navbar-brand img, header > .container{-webkit-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;}
header.shrink-logo {background:rgba(255,255,255,1); }

header > nav ul.navbar-nav > li{padding:12px 0 12px;}
header > nav ul li{color:#7b7b7b!important;position:relative;}
header > nav ul li a{text-decoration:none!important;font-size:10.5pt;font-weight:500;}
.navbar-light .navbar-nav .nav-link.active{font-weight:500; color:#ffc107;}
header > nav ul li .fa{margin-right:10px;}
header > nav ul.navbar-nav > li.current > a.nav-link{position:relative;color:#000;}
header .navbar-brand{margin:0 auto!important;}


@media (min-width:1300px) and (max-width:1440px) {
}
@media (max-width:768px) {
/*header.shrink-logo .navbar-brand img{max-width:80%;}*/
.menu {transform: scale(0.5)!important;transform-origin: center left}
}

header nav, header .navigation, header .navigation .nav-bx{position:relative;}
header nav,.navigation .nav-bx{z-index:1;}
.shrink-logo > nav ul li a.active:after{bottom:-23px;}
.text-blue{color:#022762;}
header > .container-fluid{position:relative; z-index:9999;}
header + .quick-nav ul{border-bottom:1px solid #eae9de;}


.menu {
  width:40px;
  height:25px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.menu span{
  display: block;
  position: absolute;
  height:3px;
  width: 100%;
  background: #696969;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


.menu span:nth-child(1) {
  top: 0px;
}

.menu span:nth-child(2),.menu span:nth-child(3) {
  top: 10px;
}

.menu span:nth-child(4) {
  top: 20px;
}

.menu.opened span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.menu.opened span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu.opened span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu.opened span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.nav-overlay{ position:absolute;z-index:999;width:100%;opacity:0;visibility:hidden;}
.nav-overlay.show{opacity:1;visibility:visible;top:0;}
@media (max-width:768px) {.nav-overlay{-webkit-transition:all .3s ease 0s!important;-o-transition:all .3s ease 0s!important;transition:all .3s ease 0s!important;}}
@media (min-width:769px) {
.nav-overlay{top:-100%;}
.nav-overlay.show{width:100%;}
.nav-overlay{-webkit-transition:all .8s ease 0s!important;-o-transition:all .8s ease 0s!important;transition:all .8s ease 0s!important;}
}
.nav-overlay .mega-menu a{font-weight:400;}
.nav-overlay .mega-menu a:hover{color:#FFF;opacity:1}
.nav-overlay .mega-menu a.active{color:#FFF; opacity:1;}
@media (min-width:1025px){
.nav-overlay .mega-menu a{opacity:.6; color:#eee;text-decoration:none;position:relative;display:table; font-size:2rem; width:auto; margin:0 auto;}
.nav-overlay .mega-menu a:after{content:'';position:absolute;bottom:10px;left:0;width:0;-webkit-transform:translateX(0%);transform:translateX(0%);height:1px;background:#FFF;-webkit-transition:.35s;transition:.35s}
.nav-overlay .mega-menu a:hover:after{width:100%; }

header .text-link{position:relative; display:table; margin-left:auto;color:#000; }
header .text-link:after{content:'';position:absolute;bottom:-5px;left:0;width:0;-webkit-transform:translateX(0%);transform:translateX(0%);height:1px;background:#000;-webkit-transition:.35s;transition:.35s}
header .text-link:hover{color:#000!important; opacity:1;}
header .text-link:hover:after{width:100%; }
}
.nav-overlay ul.social_media a:hover .fa{color:#696969!important; background:#FFF; border-color:#FFF!important; opacity:.9;}
.nav-overlay ul.social_media .fa{color:#FFF!important;opacity: .7; border-color:#FFF!important; width:50px!important; line-height:50px!important;height:50px!important;}
@media (max-width:768px) {
.nav-overlay .mega-menu a{display:block; font-size:1rem!important; color:#FFF!important;}
.nav-overlay ul.social_media .fa{line-height:37px!important;width:40px!important; height:40px!important;}
.nav-overlay .mega-menu .dropdown-menu{transform:none!important;}
.nav-overlay .mega-menu .dropdown-menu .dropdown-item{background:none!important; font-family:inherit!important; text-transform:capitalize!important; font-size:90%!important;}
}
.overlay-menu{position:relative;}
.nav-overlay nav{position:relative;height:auto;top:auto;-webkit-transform:none;transform:none;z-index:9999; }
.nav-overlay{background-color:rgba(0,0,0,0)!important}

.offcanvas-toggle, .offcanvas-toggle2 {display: inline-block}
div#offcanvas-overlay {position: fixed;height: 100%;width: 100%;left: 0;top:0; background-color:#696969;visibility: hidden;opacity: 0;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
.open-menu div#offcanvas-overlay {opacity: 1;display: block;visibility: visible;}
.offcanvas-collapse{position: fixed;top: 0;bottom: 0;left: -250px;max-width: 250px;width: 100%;padding-right: 0;padding-left: 0;overflow-y: auto;visibility: hidden;background-color: #fff;transition-timing-function: ease-in-out;transition-duration: .3s;transition-property: left, visibility;z-index: 9999;}
.menu.opened span{background:#FFF;}
.open-menu header .text-link{color:#FFF!important;}
@media (max-width:768px){.navbar > .container{max-width:none!important;}
.navbar{padding:10px 0 0!important;}
header > nav ul.navbar-nav > li{padding:0!important;margin-left:0!important;}
header > nav ul li .nav-link{padding:10px!important;}
header > nav ul.navbar-nav{padding:30px 10px!important;}
header .navbar-brand{max-width:340px;width:auto!important; margin-right:0!important;}
header .navbar-brand h1{margin-bottom:0;font-size:inherit!important;}
.navbar-offcanvas .dropdown-item{white-space:pre-wrap;}
}
@media (max-width:767px){  
header.shrink-logo{ border-bottom:#e5c289 1px solid;}
}
@media (max-width:400px){
body{padding-top:75px!important;}
ul.social_media li{margin:0 5px 10px;}
}

/*HEADING STYLE*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ }
@media (max-width:768px){
h1, .h1{font-size:1.7rem!important;}
h2, .h2{font-size:1.6rem!important;}
h3, .h3{font-size:1.5rem!important;}
h4, .h4, .lead{font-size:1.4rem!important; font-weight:400!important;}
h5, .h5{font-size:1.3rem!important;}

}
@media (max-width:640px){h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:1.3!important;}
h1, .h1{font-size:18pt!important;}
h2, .h2{font-size:20px!important;}
h3, .h3{font-size:24px!important;}
h4, .h4, .lead{font-size:16px!important;}
h5, .h5{font-size:13pt!important;}
.breadcrumb-item, .breadcrumb-item *{font-size:9pt!important; line-height:2;}
.fa:before{font-size:16pt!important; }
}
h4{font-size:24px;}

/*Breadcrumbs*/
.breadcrumb{text-transform:uppercase;}
.breadcrumb-item, .breadcrumb-item *, .breadcrumb-item + .breadcrumb-item::before {font-size:.9rem;color: #676969;}
.breadcrumb-item + .breadcrumb-item::before{padding-right:5px!important;}

.breadcrumb-item + .breadcrumb-item::before{content:'\f105'; font-family:FontAwesome;}


@media (max-width:768px){h1.heading{font-size:18pt;}
h2.heading{font-size:17pt!important;}
.body-content h3{font-size:16pt;}
.body-content h4{font-size:14pt!important;}
.tp-banner-container .tp-caption{text-align:center;}
.breadcrumb{margin:5px 0!important;}
}

/*FOOTER*/
footer{background:#696969; border-top:#F37021 6px solid; color:#FFF;}
footer ul.social_media .fa{font-size:18pt;}
footer ul.social_media .fa-houzz:before{opacity:0;}
footer ul.social_media .fa-houzz{background:url(../images/houzz-logo.png) no-repeat center center; opacity:.7; }
footer ul.social_media a:hover .fa-houzz{background:url(../images/houzz-logo-hover.png) no-repeat center center; opacity:1; }
@media (max-width:768px) {
.footer-links{width:100%;}
.footer-links li{padding:0 10px!important;}
}
footer ul.list-inline li{display:inline-block; position:relative;}

ul.list-inline li{position:relative;}
.footer a{color:#fff;}
footer a:hover, ul.list-inline li a:hover, footer ul.social_media li a:hover .fa{color:#F37021!important;}

@media (max-width:768px){
ul.list-inline{display:flex; justify-content:center; align-items:center;}
.footer-links li a{margin-bottom:0!important;}
}
@media (max-width:640px){
footer{text-align:center; margin-top:0px!important;}
.bottom-footer p{margin-bottom:0;}
.inner-footer .bottom-footer ul.list-inline{border:0!important;padding:0!important;}
.footer-address, .footer-links, .ftr-bottom{padding:10px 0px;}
.footer-links{flex:100%;}
.footer-links ul li.d-inline-block{vertical-align:top;}
.footer-links  ul.list-inline{padding:0px 0; text-align:center;}
}
@media (max-width:400px) {
.footer-links  ul.list-inline li a{font-size:90%!important; }
}
@media (max-width:690px){
footer li a, footer p{font-size:11pt !important}
footer .spacer3{display:none;}
ul.list-inline{}
ul.list-inline li{width:32%;display:inline-block;vertical-align:top;margin:0 0; text-align:center; padding:0 0;}

.footer-links li {padding: 0 5px!important;}
.home-intro h3{font-size:12pt!important; line-height:normal!important;}
.header-note{font-size:75%!important;}

footer .border-top.border-grey p{font-size:90%!important;}
}
ul.sitemap > li{margin:10px 20px;display:inline-block;vertical-align:top;text-align:left;}
ul.sitemap li .h5{font-size:12pt;text-transform:uppercase;text-align:center;font-weight:bold!important;color:#333;}
ul.sitemap li ul{margin:0;padding:0 0 0 15px;}
ul.sitemap li ul li{margin:5px 0;padding:0;}

@media (max-width:768px){
.intro-panel h1{font-size:1.1rem!important;}
.intro-panel.h6{font-size:100%!important; font-weight:400!important;}
.intro-panel br{display:none;}
}
.img-grid{overflow:hidden;}
.img-grid .row a{display:block; }
.img-grid a .text-link{text-transform:uppercase;}
.img-grid .row a{border:transparent 2px solid;}
.img-grid .row a:hover{border:#F37021 2px solid;}
.img-grid figure {overflow: hidden;position: relative;width: 100%; margin-bottom:0!important; padding:0;  }
.img-grid figure > img {max-width: 100%; border:transparent 5px solid; -webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear; opacity:1;}
.img-grid .row a:hover figure > img {transform:none!important; border:#FFF 5px solid;}


@media (min-width:769px) {
.img-grid figure .figcaption{position:absolute; opacity:0; left:0; right:0; margin:0 auto; top:0; display:table; height:100%; width:100%;  -webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.img-grid figure .figcaption > div{ vertical-align:middle; background:rgba(255,255,255,.7); display:table-cell; margin:0 auto; padding:15px;}
.img-grid figure .figcaption > div *{color:#000!important;display:block; text-align:center; text-transform:uppercase!important;}
.img-grid figure .figcaption h5{font-size:1.4rem!important;}
.img-grid figure .figcaption h4, 
.img-grid a h4 + span{ opacity:0; -webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear; }
.img-grid a:hover h4,
.img-grid a:hover h4 + span{opacity:1; }
.img-grid span{text-transform:capitalize!important; opacity:.9;}
.img-grid a:hover figure .figcaption{opacity:1;}
}

@media (max-width:768px) {
.img-grid figure .figcaption{padding:15px; text-align:center;}
.img-grid figure .figcaption h4{margin-bottom:5px; font-size:110%!important;}
.img-grid a h4 + span{opacity:.5; }
}


.img-grid-2 .row a:hover{border:#F37021 1px solid;}
.img-grid-2 .row a{display:block; border:transparent 1px solid; height:100%; display:block; color:#000;}
.img-grid-2 .row a > div{border:#FFF 2px solid;}
figure {overflow: hidden;position: relative;width: 100%; margin-bottom:0!important;}
figure > img, .offers-grid .figcaption {max-width: 100%;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
a:hover figure > img {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

@media (min-width:769px){
.products-grid .pro-text p{margin:0;}
.products-grid a .pro-text{opacity:0;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
.products-grid a:hover .pro-text{opacity:1;}
}
@media (max-width:768px) {
.products-grid .pro-content h4{font-size:95%!important; font-weight:500!important;}
.offers-grid .figcaption h6{font-size:95%!important; text-transform:capitalize; margin-bottom:0;}
.offers-grid .figcaption h6 + span{font-size:90%!important;}
.img-grid-2 .h6{font-size:90%!important;}
.modal .btn-close{width:1rem; height:1rem; background-size:1rem!important;}
}

.tp-caption .btn-more{padding:12px 28px!important; line-height:1!important; border-color:#FFF; font-weight:500; font-size:16px!important;}
.tp-caption .btn-more:hover{background:#000!important;color:#FFF; border-color:#000}
/*.tp-caption .btn-more:after{content:'\f105'!important; font-family:FontAwesome; display:inline-block; position:relative; font-size:22px; left:0; top:-1px; vertical-align:middle; margin-left:5px;}
.tp-caption .btn-more:after{animation: backfowards 1s ease-in-out infinite;}*/
@keyframes backfowards {
  0%,100% {transform: translate(0, 0);}
  50% {transform: translate(3px, 0);}
}

.team-profiles img{-webkit-transition:all .9s ease 0s;-o-transition:all .9s ease 0s;transition:all .9s ease 0s; }

.arrw-btn:after{content:'\f105'; font-family:FontAwesome; position:relative; top:1px; margin-left:3px; font-size:13pt;}

.modal .btn-close{position:absolute; top:15px; right:15px;z-index:99;}

.sticky-tabs{z-index:99; margin-top:-10px; background:#FFF;}
ul.tab-links li{margin:0 15px;}
ul.tab-links a:focus, ul.tab-links a{color:#000;  position:relative; padding:0!important;font-weight:500;}
ul.tab-links a:hover, ul.tab-links a.active{color:#000!important; opacity:1;}
ul.tab-links a:after{content:'';position:absolute;bottom:-5px;left:0;width:0; margin:0 auto; -webkit-transform:translateX(0%);transform:translateX(0%);height:1px;background:#000;-webkit-transition:.35s;transition:.35s; opacity:.5;}
ul.tab-links a:hover:after, ul.tab-links a.active:after{width:100%; }

.contact-table table{margin-bottom:-1px;}
.contact-table table thead{display:none;}
.contact-table table tbody{display:flex; flex-wrap:wrap}
.contact-table table tbody tr{padding:15px 0; flex: 0 0 auto; width: 25%; border-bottom:#ddd 1px solid;}
.contact-table table tbody tr td{display:block; padding:0 0 5px; border:0;font-size:90%;}
.contact-table table tbody tr td:nth-child(1){font-size:100%;}
.contact-table table tbody tr td p em{font-size:85%; color:#212529; opacity:.9; font-style:normal!important; text-transform:uppercase;}
.contact-table table tbody tr td p{margin-bottom:0; color:#000;}

@media (max-width:768px) {
.contact-table table tbody tr{ width: 50%;}
}
@media (max-width:500px) {
.contact-table table tbody tr{ width: 100%;}
}

.form-select,
.form-control{border-radius:0!important; border-color:#999!important; box-shadow:none!important;}