/* TENCOM GENERAL STYLE SHEET 
*************************************/

/*Added to fix issue with JUX gallery*/
* {
  -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;
}
/*Added to fix issue with JUX gallery*/

*{margin: 0; padding: 0;}
body {font-family: 'Montserrat', sans-serif; color: #333;}
body.site {border: 0; background: rgba(255, 255, 255, 1.0); padding: 0;}
.body .container {background-color: rgba(255, 255, 255, 1.0); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding: 0; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.row-fluid {width: 95%; margin: 0 auto;}
a {text-decoration: none; /*transition-property: all; transition-duration: 0.2s; transition-timing-function: ease-out; transition-delay: initial;*/}
a:hover {text-decoration: underline;}
.clear {clear:both;}
img {max-width: 100%; height: auto; border: 0;}



/* FONTS
*************************************/
h1, h2, h3, h4 {font-family: 'Montserrat', sans-serif; text-rendering: optimizelegibility; margin: 0; padding: 0; overflow-wrap: normal;}
h5, h6 {text-rendering: optimizelegibility; margin: 0; padding: 0; overflow-wrap: normal;}
h1 {font-size: 3em; font-weight: 400;}
h2 {font-size: 2.5em; line-height: 1.25em; font-weight: 400;}
h3 {font-size: 1.75em; line-height: 1.25em; font-weight: 400;}
h4 {font-size: 1.5em; line-height: 1.25em; font-weight: 400;}
p, li {font-size: 1.25em; line-height: 1.5em; font-weight: 300; padding: 0; margin: 0; overflow-wrap: normal;}
br {line-height: 1em;}
ul, ol {padding: 0; margin: 0;}



/* ARTICLES SETTINGS
*************************************/ 
/* .item */
.item {padding: 30px 0 0 0;}
.item p {padding: 10px 0px;}

/* .item-page */
.item-page {margin: 30px 0; clear: both; padding: 10px 10px 50px 10px;}
.item-page p {padding: 10px 0px; font-size: 1.5em;}
.item-page ul {margin-left: 30px; padding:0 0 10px 0; list-style-position: initial;}
.item-page li {line-height: 1.5em; font-size: 1.5em;}
.item-page h1 {margin: 0 0 30px 0; font-weight: 400; font-size: 2.5em;}
.item-page h1 a {color: #333;}
.item-page h1 a:hover {color: #9a7d13; text-decoration: none;}
.item-page h2 {padding: 25px 0 20px 0; margin: 0 0 20px 0; font-size: 2.5em; font-weight: 600; border-bottom: 1px solid #e2e2e2;}
.item-page h2 a:hover {text-decoration: none;}   
.item-page h3 {margin: 20px 0 10px 0; color: #333; font-weight: 600;}
.item-page h4 {padding: 0 0 20px 0; margin: 0;}
.item-page blockquote {margin: 30px 0;}
.item-page iframe {float: none; margin: 0 0 20px 0px;}
.item-page a img {margin: 15px; display: inline-block;}

/* .page-header */
.page-header {padding: 20px 0 10px 0; border: 0; margin: 0;}
.page-header h2 a {color: #333;}
.page-header h2 a:hover {color: #9a7d13; text-decoration: none;}
.page-header h1 {}
.page-header h1 a:hover {text-decoration: none;}

/* .leading-0 */
.leading-0 h2 a {color: rgba(47, 47, 47, 1.0);}
.leading-0 p {padding: 10px 0px;}

/* .items */
.items-leading {margin: 30px 0 15px 0; clear: both; padding: 0;}
.items-row {margin: 0 auto; clear: both; padding: 0;}

/* .pull */
.pull-left {margin: 0px 0 20px 0; float: none; width: 100%;}
.pull-right {margin: 0px 0 20px 0; float: none; width: 100%;}
.pull-left.item-image {margin: 0 auto 40px auto; float: none; width: 100%; padding: 10px; border: 1px solid #e2e2e2;}
.pull-none, .none.item-image {margin: 0 0px 20px 0; padding: 10px; border: 1px solid #e2e2e2;}

/* .blog */
.blog {padding: 0px 10px;}
.blog h2 {padding: 0; margin: 0; font-size: 2em;}
.blog h4 {padding: 0 0 20px 0; margin: 0;}
.blog .pull-right {float: none; width: auto; margin: 0 0 30px 0px;}
.blog-featured h2 a {padding: 0 0 20px 0; margin: 0; font-size:1em; color:#333;}

/* featured article in homepage */
.featured-article p {font-size: 1.75em;}

.line-separator {border-top: 1px solid #666; width: 200px; margin: 25px auto 15px auto;} 


/* HEAD
*************************************/
.main-nav {position: relative; width: 100%; height: auto; background: #fff; padding: 20px 0 2px 0; transition: all 300ms ease-in-out; z-index: 1000; text-align: left;}
.main-nav img {height: auto; width: 150px; padding: 5px 0 0 15px;}
  
/* Empty */
#head-a {float: left; width: 10%;}

/* Navigation */
.head-b {float: none; background: transparent; width: auto; margin: 0; position: absolute; text-align: left; display: block; right: 50px; top: 23px;}
  
/* Phone top */       
#head-c {position: relative; right: 0; top: 0; left: auto; width: 100%; border-right: none; padding: 20px 30px; text-align: center; border-top: 2px solid #e2e2e2; margin: 20px 0 0 0;}
#head-c .top-phone {background-image: url("/~cabinetcorner23/images/phone-icon.png"); background-repeat: no-repeat; padding: 10px 0 10px 50px; line-height: 10px; background-position: left center; background-size: auto 40px; color: #382915;}
#head-c a, #head-c p {font-size: 18px;} 


/* SLIDER
*************************************/ 
/* homepage */ 
#position-9 p.tagline {font-size: 5em;color: #fff; font-weight: 700; text-shadow: 2px 2px 4px #000; padding: 0 10% 20px 10%; line-height:1.15em;}
#position-9 .tagline-action {font-size: 0.5em; text-align: center; background: rgba(0, 0, 0, 0.7); border: 1px solid #fff; padding: 10px; color: #fff; font-weight: 700;line-height: 1em;}
#position-9 .tagline-action:hover {background: rgba(0, 0, 0, 1.0); text-decoration: none;}


/* subpages */
#position-9-container .sub-header > div {background-position: center; background-size: cover; padding: 100px 10%; margin: 0px auto 0 auto; text-align: center; width: 100%;}
#position-9-container .sub-header > div h2 {text-transform: uppercase; color: #fff; font-weight: 700; font-size: 3em; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);}
  

/* HOMEPAGE TAGLINE
*************************************/  
#position-10 {position: relative; width: 90%; text-align: center; margin: 0 auto; padding: 0;}
#position-10 .custom {padding: 40px 0;}
#position-10 h2 {font-size: 3em; font-weight: 900;line-height: 1.15em;}
#position-10 h4 {font-size: 1.5em; font-weight: 300;}


/* HOMEPAGE SERVICES
*************************************/  
#position-11 {position: relative; width: 100%; text-align: center; margin: 0 auto; padding:0;}
#position-11-container {background-image: url("/~cabinetcorner23/images/services-bg-home.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0; padding: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} 
#position-11 h2 {font-size: 3em; font-weight: 900; color: #382915; margin: 50px auto 0 auto; line-height:1.15em;width: 95%;}
#position-11 .services-container {width: 90%; margin: 0 auto;}
#position-11 .services-block {display: block; width: 90%; vertical-align: top; margin: 20px auto 40px auto;}
#position-11 .services-block img {margin: 0 0 20px 0; width: 150px; height: auto;}
#position-11 .services-block p {color: #000; font-size: 1.5em;}
#position-11 h4.take-a-look-at-our-projects {font-size: 2em; font-weight: 400; color: #382915; width: 90%; margin: 0 auto 50px auto;}


/* HOMEPAGE PORTFOLIO
*************************************/  
#position-14 {position: relative; width: 100%; text-align: center; margin: 0 auto; padding: 0; background-image: url("/~cabinetcorner23/images/arrow-down.png"); background-position: center top; background-repeat: no-repeat;} 
#position-14-container {display: block; text-align: center; padding: 0; background-size: cover; background-position: center;}
#position-14 h2 {font-size: 2.5em; font-weight: 700; color: #000; text-transform: uppercase; padding: 50px 0 0 0;}
#position-14 a.view-portfolio {text-transform: uppercase; font-weight: 700; background: #000; font-size: 1.5em; color: #fff; padding: 20px; display: block; margin: 40px 15% 10px 15%;}
#position-14 p.view-portfolio-box {display: none;}
.see-our-work-alt {font-size: 2em; text-align: center; background: rgba(0, 0, 0, 0.7); border: 1px solid #fff; padding: 10px; display: block; color: #fff; font-weight: 700; line-height: 1em; margin: 20px 40px 0 40px;}
.see-our-work-alt:hover {font-size: 2em; text-align: center; background: rgba(0, 0, 0, 1.0); border: 1px solid #fff; padding: 10px; display: block; color: #fff; font-weight: 700; line-height: 1em; margin: 20px 40px 0 40px; text-decoration: none;}


#position-12 {display: none;} 

/* PORTFOLIO PAGE */  
.jux_portfolio_pro-filters ul#filter .active {background: #000; color: #fff;}
.jux_portfolio_pro-filters ul#filter li a {color: #333; font-size: 0.85em; font-weight: 700; margin: 0 0px 0px 0; padding: 11px 14px; background-color: #f2f2f2;}
.jux_portfolio_pro .hover_1 .item-info {background: radial-gradient(circle, rgba(0, 0, 0, 0.1), #000) !important; border: 2px solid #fff;}


/* BREADCRUMBS */
#position-4 .breadcrumb {margin: 30px 0 20px 0;}

/* GALLERY NAVIGATION */
#position-4 .our-work-navigation li {display: inline-block; width: auto; text-transform: uppercase; padding: 0; font-size: 1.25em; font-weight: 700;}
#position-4 .our-work-navigation a {padding: 10px; color: #382915;}
#position-4 .our-work-navigation a:hover {color: #fff; background: #382915;}
#position-4 ul.our-work-navigation {margin: 0;}

.jux-content .item {padding: 10px 0 0 0;}



/* FOOTER
*************************************/
.services-page {display: block; width: 100%; margin: 0 auto; vertical-align: top;}
  
  
/* FOOTER
*************************************/
#showcase-3 {background-image: url("/~cabinetcorner23/images/cabinet-corner-footer-background.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; width: 100%; text-align: center; margin: 0 auto; padding: 0;}
#showcase-3-container {width: 95%; margin: 4px auto 0 auto; padding: 0;} 
#showcase-3-container .custom {padding: 50px 0;} 
#showcase-3 h2 {font-size: 2.5em; font-weight: 700; color: #fff; text-transform: uppercase; padding: 0;}  
#showcase-3 p {font-size: 1.5em; font-weight: 300; color: #fff; padding: 0 0 15px 0;}  

/* footer contact */
#showcase-3-a {width: 90%; margin: 0 auto; float: none; text-align: center; color: #fff;}

.contact_btn{
    display: inline-block;
    color: #ff9933; 
    padding: 10px;
    background-color: #000;
    text-transform: none;
    font-weight: 900;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.25em;
    width: 45%;
}

.contact_btn:hover{
    display: inline-block;
    text-decoration: none;
    color: #000; 
    padding: 10px;
    background-color: #ff9933;
    text-transform: none;
    font-weight: 900;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.25em;
    width: 80%;
}

/* footer social */
#showcase-3-b {width: 90%; margin: 0px auto; float: none; text-align: center; color: #fff;}

/* footer form */
#showcase-3-c {width: 90%; margin: 0 auto; float: none; text-align: center; color: #fff;}
#showcase-3-c .form-left {float: none; width: 100%;}
#showcase-3-c .form-right {float: none; width: 100%;}
  
  
/* FOOTER MAP
*************************************/  
#position-19 {margin: 0 auto; padding: 0 0 4px 0; width: 100%; border-bottom: 1px solid #999;}
#position-19-container {padding: 100px 0px; background-image: url("/~cabinetcorner23/images/cabinet-corner-background-map.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center;}
#position-19 .direction-here a {padding: 30px 50px;}

  
/* CREDITS
*************************************/  
#showcase-2 {width: 100%; margin: 0 auto; padding: 10px 0; text-align: center;}  
#showcase-2-a {display: block; width: 100%; vertical-align: top; text-align: left; font-size: 0.85em; } 
#showcase-2-a p {line-height:30px; text-align: center}
#showcase-2-b {display: block; width: 100%; vertical-align: top; text-align: center; padding: 20px 0} 
#showcase-2-b img {width: 100px; height: auto;}
#showcase-2-c {display: block; width: 100%; vertical-align: top; text-align: right; font-size:0.75em; text-transform: uppercase} 
#showcase-2-c a {color:#999; font-weight:700;}
#showcase-2-c img {width: 15px; margin: 0 10px 0 0; opacity: 0.5;}
#showcase-2-c p {line-height:30px; text-align: center;}


/* CONTACT RIGHT COLUMN  
*************************************/
.well {margin: 20px 0; text-align: center;}
.well p {padding: 0 0 10px 0;}
.well h2 {margin-bottom: 15px;}



/* CONTACT FORM
*************************************/
form, input, textarea {margin: 0; padding: 0; border: 0; outline: none;}
fieldset{margin: 0; padding: 0; border: 0; outline: none;}
textarea {width: 50%; height: 160px; }
label {color: rgba(47, 47, 47, 1.0); margin: 20px 0 5px 0px;}
legend {display: block; width: 90%; padding: 0; margin-bottom: 10px; font-size: 1.5em; line-height: 36px; color: rgba(47, 47, 47, 1.0); border-bottom: 1px dashed rgba(47, 47, 47, 0.5);}
input[type="text"], input[type="tel"], input[type="email"] {border: 1px solid #666; padding: 15px; color: #fff; margin: 10px 0; width: 90%; border-radius: 0px; box-shadow: none; background-color: rgba(0, 0, 0, 0.8); font-family: 'Montserrat', sans-serif; font-size: 1.25em; height: auto;}
textarea, .uneditable-input {border: 1px solid #666; padding: 15px; color: #fff; margin: 10px 0 15px 0px; border-radius: 0; box-shadow: none; width: 90%; height: unset; background-color: rgba(0, 0, 0, 0.8); font-family: 'Montserrat', sans-serif; font-size: 1.25em; height: auto;}
input[type="radio"], input[type="checkbox"] {margin: 0 5px 0 0;}
input[type="submit"] {cursor: pointer; color: #ff9933; background-color: #000; padding: 20px; text-transform: none; margin: 10px auto; display: table-cell; font-weight: 900; font-family: 'Montserrat', sans-serif; font-size: 2em; width: 90%;}
input[type="submit"]:hover {background-color: #ff9933; color: #000;}
input[type="submit"]:active {top: 1px; }
.item-page fieldset img {width: 70%;}
.item-page fieldset p {padding: 0;}
p.contact {color: #333;}
.form-left, .form-right {float: none; width: 100%; margin: 0; padding: 0;}
.captcha-form {margin: 0; border-top: none; padding: 0;}



/* SEARCH BUTTON CUSTOMIZATION
*************************************/
input, button, select, textarea {text-transform: uppercase;}
.btn {border-radius: 0px; padding: 8px; margin-bottom: 0; font-size: 1em; line-height: normal;}
.btn-primary {color: #fff; text-shadow: none; background-color: #ee3c24; background-image: none; background-repeat: no-repeat; filter: no-progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0043cc', GradientType=0); border-color: #ee3c24; border: 0px solid #ee3c24; filter: no-progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover {background-color: #333;}
input[type="search"] {box-shadow: none; height: 18px; padding: 4px 6px; border: 1px solid #eceaea;}
input.search-query {padding-right: 14px; padding-left: 14px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}


/* Get in touch page */  
.get-in-touch-page {padding: 20px 0; width: 100%; display: block; vertical-align: top;}
.get-in-touch-page-info {padding: 20px 0 0 0px; width: 100%; display: block; vertical-align: top; margin:0 auto;}
.get-in-touch-page-info p {padding: 0 0 10px 0; text-align: center;}
.get-in-touch-page-info img {margin: 10px 20px 0px 0; opacity:0.7;}
.get-in-touch-page-info a {color: #333;}
.item-page p.contact-page {margin: 0px auto; font-size: 2em; color: #666; padding:20px 50px 30px 0;} 
h3.contact-page-sub-title {color: #46341b; text-transform: uppercase; font-weight: 400; font-size: 2.25em; text-align: center;}




/* SMALL SIZE SCREEN 800 PIXELS 
**********************************************************************************************************/
@media screen and (min-width: 650px){
  
  /* HEAD
*************************************/
#head-container {padding: 0; background: transparent; width: 95%; margin: 0 auto; position: relative;}  
  

/* HEADERS
*************************************/ 
  
/* subpages */
.subheader {padding: 30% 0 5% 0; background-size: cover; background-position: center top; background-repeat: no-repeat;}

/* CONTACT PAGE 2023
*************************************/ 
.contact-form-2023 {
  display: flex;
}

.contact-form-2023 .contact-item {
  width: 50%;
}
  
}



/* MEDIUM SIZE SCREEN 1024 PIXELS **********************************************************************************************************/
@media screen and (min-width: 810px){
  

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 90%;}
  

/* .rows */
.row-fluid {width: 100%;}
.row-fluid [class*="span"] {display: block; width: 100%; min-height: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 5.127659574%;
}
.row-fluid .span6 {width: 45.936170208%;} 
  
/* ARTICLES SETTINGS
*************************************/ 
/* .pull */
.pull-right {margin:0px 0 20px 20px; float:right; width:30%;}
.pull-left.item-image {margin: 0 40px 40px 0; float: left; width: 35%; padding: 10px; border: 1px solid #e2e2e2;}
.pull-left {margin: 0px 20px 20px 0; float: left; width: 30%;}
  
/* .item */
.blog-item, .item {padding: 10px 10px 50px 10px;}
.blog-item p , .item p {padding:10px 0px 10px 15px;}
.blog-item table , .item table {margin:0px 0 0 15px;}
  
/* .items */
.items-leading {margin:30px 0 15px 0; clear:both; padding:0;}
.items-row {margin:30px 0; clear:both; padding:0;}

/* .blog */
.blog {padding: 0px 0px 30px 0;}
.blog h2 {padding: 0 0 20px 0; margin: 0; font-size: 2.5em;}
.blog h4 {padding: 0 0 20px 0; margin: 0;}
.blog .pull-right {float: right; width: 25%; margin: 0 0 30px 30px;}
.blog-featured h2 a {padding: 0 0 20px 0; margin: 0; font-size:1em; color:#333;}
 
/* .item-page */
.item-page {margin: 0; clear: both;}
.item-page ul {margin-left: 30px; padding:0 0 10px 0; list-style-position: initial;}
.item-page li {line-height: 1.5em;}
.item-page h1 {}
.item-page h2 {}
.item-page h2 a:hover {text-decoration: none;}   
.item-page h3 {}
.item-page h4 {padding: 0 0 20px 0; margin: 0;}
.item-page blockquote {margin: 30px 0;}
.item-page iframe {float: none; margin: 0 0 20px 0px;}  
.item-page .pull-right {float: right; margin: 0 0 20px 20px; width:40%;}  
  
/* Get in touch page */  
.get-in-touch-page {padding: 20px 0 0 10px; width: 65%; display: inline-block; vertical-align: top;}
.form-left {display: inline-block; width: 48%; vertical-align: top;}
.form-right {display: inline-block; width: 48%; vertical-align: top;}
.get-in-touch-page-info {padding: 20px 0 0 0px; width: 25%; display: inline-block; vertical-align: top; margin:0 0 0 5%;}
.get-in-touch-page-info p {padding: 0 0 10px 0; text-align: left;}
.get-in-touch-page-info img {margin: 10px 20px 0px 0; opacity:0.7;}

h3.contact-page-sub-title {color: #46341b; text-transform: uppercase; font-weight: 400; font-size: 2.25em; text-align: left;}
.get-in-touch-page input[type="text"], .get-in-touch-page input[type="tel"], .get-in-touch-page input[type="email"] {border: 1px solid #e2e2e2; padding: 15px; color: #333; margin: 10px 0; width: 90%; border-radius: 0px; box-shadow: none; background-color: rgba(255, 255, 255, 1.0); font-family: 'Montserrat', sans-serif; font-size: 1.25em; height: auto;}
.get-in-touch-page textarea {border: 1px solid #e2e2e2; padding: 15px; color: #333; margin: 10px 0 15px 0px; border-radius: 0; box-shadow: none; width: 90%; background-color: rgba(255, 255, 255, 1.0); font-family: 'Montserrat', sans-serif; font-size: 1.25em; height: 12em; text-transform: uppercase;}
.get-in-touch-page input[type="submit"] {cursor: pointer; color: #e2e2e2; background-color: #46341b; padding: 20px; text-transform: none; margin: 10px auto; display: table-cell; font-weight: 900; font-family: 'Montserrat', sans-serif; font-size: 2em; width: 90%;}
.get-in-touch-page input[type="submit"]:hover {background-color: #333; color: #fff;}

  
  
/* HEADER
*************************************/
.main-nav {position: /*fixed*/relative; width: 100%; height: 120px; background: #fff; padding: 20px 0; top: 0; transition: all 300ms ease-in-out; z-index: 1000; text-align: left;}
.shrank {height: 110px; box-shadow: 0px 1px 2px #e2e2e2;}
.main-nav img {height: 90%; width: auto; padding: 0 0 0 3.5%;}
  
.head-b {float: none; background: transparent; width: auto; margin: 0; position: absolute; text-align: left; display: block; right: 50px; top: 33px;}
  
/* Phone top */       
#head-c {position: absolute; right: 12%; top: 35px; left: auto; width: auto; border-right: 2px solid #e2e2e2; padding: 15px 30px; margin: 0; border-top: none;}
#head-c .top-phone {background-image: url("/~cabinetcorner23/images/phone-icon.png"); background-repeat: no-repeat; padding: 10px 0 10px 50px; line-height: 10px; background-position: left center; background-size: auto 40px;}
#head-c .top-phone:hover {background-image: url("/~cabinetcorner23/images/phone-icon-hover.png");}
#head-c a, #head-c p {font-size: 1.1em; color: #666;} 
#head-c a:hover {text-decoration: none;}
  
  
/* HEADERS
*************************************/ 
  
/* subpages */
#position-9-container .sub-header > div {padding: 11% 10%;}
#position-9-container .sub-header > div h2 {text-transform: uppercase; color: #fff; font-weight: 700; font-size: 4.25em; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);}
  
  
/* HOMEPAGE TAGLINE
*************************************/  
#position-10 {position: relative; width: 60%; text-align: center; margin: 0 auto; padding: 0;}
#position-10 .custom {padding: 70px 0;}
#position-10 h2 {font-size: 3.5em; font-weight: 900;}
#position-10 h4 {font-size: 2em; font-weight: 300;}
   

/* HOMEPAGE SERVICES
*************************************/  
#position-11-container {background-image: url("/~cabinetcorner23/images/services-bg-home.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0; padding: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} 
#position-11 h2 {font-size: 3.5em; font-weight: 900; color: #382915; margin: 50px 0 0 0;}
#position-11 .services-container {width: 90%; margin: 0 auto;}
#position-11 .services-block {display: inline-block; width: 25%; vertical-align: top; margin: 20px 4% 40px 4%;}
#position-11 .services-block img {margin: 0 0 20px 0; width: 200px; height: auto;}
#position-11 .services-block p {color: #000; font-size: 1.5em;}
#position-11 h4.take-a-look-at-our-projects {font-size: 2.75em; font-weight: 400; color: #382915; width: 65%; margin: 0 auto 50px auto;}

  
/* HOMEPAGE PORTFOLIO
*************************************/  
#position-12 {display: block; position: relative; width: 100%; text-align: center; margin: 0 auto; padding:0; background-image: url("/~cabinetcorner23/images/arrow-down.png"); background-position: center top; background-repeat: no-repeat;} 
#position-12-container {width: 93%; margin: 0 auto;}
#position-12 h2 {font-size: 2.5em; font-weight: 700; color: #000; text-transform: uppercase; padding: 50px 0 0px 0;}
#position-12 a.view-portfolio {text-transform: uppercase; font-weight: 700; background: #000; font-size: 1.75em; color: #fff; padding: 25px; display: block; margin: 40px 35% 60px 35%; line-height: 1em;}
#position-12 p.view-portfolio-box {text-align: center; display: block;}
#position-12 .jux_portfolio_pro_modules .hover_1 .item-info {background: radial-gradient(circle, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)) !important; border: none;}
#position-12 .jux-lightbox {padding: 45%;}
  
#position-14 {display: none;}
  
  

/* SERVICES PAGE
*************************************/
.services-page {display: inline-block; width: 25%; margin: 2% 4%; vertical-align: top;}
  
  
  
/* FOOTER
*************************************/
#showcase-3-container {width: 95%; margin: 4px auto 0 auto; padding: 0;} 
#showcase-3-container .custom {padding: 50px 0;} 
#showcase-3 h2 {font-size: 2.5em; font-weight: 700; color: #fff; text-transform: uppercase; padding: 0;}  
#showcase-3 p {font-size: 1.5em; font-weight: 300; color: #fff; padding: 0 0 15px 0;}   

/* footer contact */
#showcase-3-a {width: 30%; margin: 0 1.5%; float: left; text-align: center; color: #fff;}

/* footer social */
#showcase-3-b {width: 30%; margin: 0 1.5%; float: left; text-align: center; color: #fff;}

/* footer form */
#showcase-3-c {width: 30%; margin: 0 1.5%; float: left; text-align: center; color: #fff;}
#showcase-3-c .form-left {float: none; width: 100%;}
#showcase-3-c .form-right {float: none; width: 100%;}
  
  
/* FOOTER MAP
*************************************/  
#position-19-container {padding: 100px 0px; background-image: url("/~cabinetcorner23/images/cabinet-corner-background-map.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center;}
#position-19 .direction-here a {padding: 30px 50px;}

  
/* CREDITS
*************************************/  
#showcase-2 {width: 93%; margin: 0 auto; padding: 10px 0;}  
#showcase-2-a {display: inline-block; width: 30%; vertical-align: top; text-align: left; font-size:0.85em} 
#showcase-2-a p {line-height:30px; text-align: left;}
#showcase-2-b {display: inline-block; width: 39%; vertical-align: top; text-align: center; padding: 0 0 20px 0;} 
#showcase-2-b img {width: 100px; height: auto;}
#showcase-2-c {display: inline-block; width: 30%; vertical-align: top; text-align: right; font-size:0.75em; text-transform: uppercase} 
#showcase-2-c a {color:#999; font-weight:700;}
#showcase-2-c img {width: 15px; margin: 0 10px 0 0; opacity: 0.5;}
#showcase-2-c p {line-height:30px; text-align: right;}
} 



/* WIDE SCREENS 1280 PIXELS 
*********************************************************************************************************/
@media screen and (min-width: 1050px){ 
  
  
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 75%;}
.line-separator {border-top: 1px solid #666; width: 200px; margin: 30px auto 15px auto;} 
   
/* Navigation */

  

/* HEADER
*************************************/
.main-nav {position: relative; width: 100%; height: 120px; background: #fff; padding: 20px 0; top: 0; transition: all 300ms ease-in-out; z-index: 1000;}
.shrank {height: 110px; box-shadow: 0px 1px 2px #e2e2e2;}
.main-nav img {height: 90%; width: auto; padding: 0 0 0 3.5%;}
  
/* Navigation */
.head-b {float: none; background: transparent; width: auto; margin: 0; position: absolute; text-align: left; display: block; right: 3%; top: 33px;}
  
/* Phone */
#head-c {position: absolute; right: 7%; top: 35px; left: auto; width: auto; border-right: 2px solid #e2e2e2; padding: 15px 30px; margin: 0; border-top: none;}

  
/* Phone top */
#head-c .top-phone {background-image: url("/~cabinetcorner23/images/phone-icon.png"); background-repeat: no-repeat; padding: 10px 0 10px 50px; line-height: 10px; background-position: left center; background-size: auto 40px;}
#head-c .top-phone:hover {background-image: url("/~cabinetcorner23/images/phone-icon-hover.png");}
#head-c a, #head-c p {font-size: 1.1em; color: #666;} 
#head-c a:hover {text-decoration: none;}
  
  
/* HEADERS
*************************************/ 
/* subpages */
#position-9-container .sub-header > div h2 {text-transform: uppercase; color: #fff; font-weight: 700; font-size: 4.25em; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);}
  
  
/* HOMEPAGE TAGLINE
*************************************/  
#position-10 {position: relative; width: 60%; text-align: center; margin: 0 auto; padding: 0;}
#position-10 .custom {padding: 70px 0;}
#position-10 h2 {font-size: 3.5em; font-weight: 900;}
#position-10 h4 {font-size: 2em; font-weight: 300;}
   

/* HOMEPAGE SERVICES
*************************************/  
#position-11-container {background-image: url("/~cabinetcorner23/images/services-bg-home.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0; padding: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} 
#position-11 h2 {font-size: 3.5em; font-weight: 900; color: #382915; margin: 50px 0 0 0;}
#position-11 .services-container {width: 75%; margin: 0 auto;}
#position-11 .services-block {display: inline-block; width: 20%; vertical-align: top; margin: 20px 6% 40px 6%;}
#position-11 .services-block img {margin: 0 0 20px 0;}
#position-11 .services-block p {color: #000; font-size: 1.5em;}
#position-11 h4.take-a-look-at-our-projects {font-size: 2.75em; font-weight: 400; color: #382915; width: 65%; margin: 0 auto 50px auto;}

  
/* HOMEPAGE PORTFOLIO
*************************************/  
#position-12 {position: relative; width: 100%; text-align: center; margin: 0 auto; padding:0; background-image: url("/~cabinetcorner23/images/arrow-down.png"); background-position: center top; background-repeat: no-repeat;} 
#position-12-container {width: 93%; margin: 0 auto;}
#position-12 h2 {font-size: 2.5em; font-weight: 700; color: #000; text-transform: uppercase; padding: 50px 0 0px 0;}
#position-12 a.view-portfolio {text-transform: uppercase; font-weight: 700; background: #000; font-size: 1.75em; color: #fff; padding: 25px; display: block; margin: 40px 35% 60px 35%;}
#position-12 p.view-portfolio-box {text-align: center;}
#position-12 .jux_portfolio_pro_modules .hover_1 .item-info {background: radial-gradient(circle, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)) !important; border: none;}
#position-12 .jux-lightbox {padding: 45%;}
  


/* BREADCRUMBS */
#position-4 .breadcrumb {margin: 50px 0 20px 0;}
  
/* GALLERY NAVIGATION */
#position-4 .our-work-navigation li {display: inline-block; width: auto; text-transform: uppercase; padding: 10px; font-size: 1.25em; font-weight: 700;}
  
  

/* FOOTER
*************************************/
#showcase-3-container {width: 90%; margin: 4px auto 0 auto; padding: 0;} 
#showcase-3-container .custom {padding: 50px 0;} 
#showcase-3 h2 {font-size: 2.5em; font-weight: 700; color: #fff; text-transform: uppercase; padding: 0;}  
#showcase-3 p {font-size: 1.75em; font-weight: 300; color: #fff; padding: 0 0 15px 0;}  

/* footer contact */
#showcase-3-a {width: 30%; margin: 0 1.5%; float: left; text-align: center; color: #fff;}

/* footer social */
#showcase-3-b {width: 30%; margin: 0 1.5%; float: left; text-align: center; color: #fff;}

/* footer form */
#showcase-3-c {width: 30%; margin: 0 1.5%; float: left; text-align: center; color: #fff;}
#showcase-3-c .form-left {float: none; width: 100%;}
#showcase-3-c .form-right {float: none; width: 100%;}
  
  
/* FOOTER MAP
*************************************/  
#position-19-container {padding: 100px 0px; background-image: url("/~cabinetcorner23/images/cabinet-corner-background-map.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center;}
#position-19 .direction-here a {padding: 30px 50px;}

  
/* CREDITS
*************************************/  
#showcase-2 {width: 93%; margin: 0 auto; padding: 10px 0;}  
#showcase-2-a {display: inline-block; width: 30%; vertical-align: top; text-align: left; font-size:0.85em} 
#showcase-2-a p {line-height:30px;}
#showcase-2-b {display: inline-block; width: 39%; vertical-align: top; text-align: center;} 
#showcase-2-b img {width: 100px; height: auto;}
#showcase-2-c {display: inline-block; width: 30%; vertical-align: top; text-align: right; font-size:0.75em; text-transform: uppercase} 
#showcase-2-c a {color:#999; font-weight:700;}
#showcase-2-c img {width: 15px; margin: 0 10px 0 0; opacity: 0.5;}
#showcase-2-c p {line-height:30px;}
} 



/* WIDE SCREENS 1600 PIXELS 
*********************************************************************************************************/
@media screen and (min-width: 1300px){  
  
/* Navigation
*************************************/  
.head-b {}

/* Top phone
*************************************/ 
#head-c a, #head-c p {font-size: 1.1em; color: #666;} 
  
  
/* Sub Headers
*************************************/
#position-9-container .sub-header > div h2 {text-transform: uppercase; color: #fff; font-weight: 700; font-size: 5em; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);}
}


/* WIDE SCREENS 2000 PIXELS 
*********************************************************************************************************/
@media screen and (min-width: 1610px){  
  
/* HEADER
*************************************/
.main-nav {position: relative; width: 100%; height: 120px; background: #fff; padding: 20px 0; top: 0; transition: all 300ms ease-in-out; z-index: 1000;}
.shrank {height: 110px; box-shadow: 0px 1px 2px #e2e2e2;}
.main-nav img {height: 90%; width: auto; padding: 0 3.5%;}
  

/* Navigation
*************************************/  
.head-b .responsiveMenuTheme1d.isDesktop {}
    
/* Top phone
*************************************/ 
#head-c a, #head-c p {font-size: 1.25em; color: #666;} 
}

/ Joomla 3 to 4 upgrade css /

#content .com-content-category-blog .items-row::before {
  display: none;
}

.blog-items {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin-right: -0.5em;
  margin-bottom: 1em;
  margin-left: -0.5em;
}
@media (min-width: 992px) {
  .blog-items.columns-2 > div {
    width: 50%;
  }
  .blog-items.columns-3 > div {
    width: 33.33333%;
  }
  .blog-items.columns-4 > div {
    width: 25%;
  }
}

.blog-item {
  display: flex;
  flex-direction: column;
  padding: 0 0.5em 1em;
  overflow: hidden;
}
.boxed .blog-item {
  background-color: white;
  box-shadow: 0 0 2px rgba(51, 57, 66, 0.1), 0 2px 5px rgba(51, 57, 66, 0.08), 0 5px 15px rgba(51, 57, 66, 0.08), inset 0 3px 0 var(--cassiopeia-color-primary);
}
.boxed .blog-item .item-content {
  padding: 25px;
}
.blog-item .item-image {
  margin-top: 3px;
  margin-bottom: 15px;
  overflow: hidden;
}
.boxed .blog-item .item-image {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .image-right .blog-item .item-image {
    order: 1;
  }
}
.image-bottom .blog-item .item-image {
  margin-top: -15px;
  order: 1;
}
.image-left .blog-item .item-content {
  padding-left: 25px;
}
.image-right .blog-item .item-content {
  padding-right: 25px;
}
.image-left .blog-item, .image-right .blog-item {
  flex-direction: column;
}
@media (min-width: 992px) {
  .image-left .blog-item, .image-right .blog-item {
    flex-direction: row;
  }
  .image-left .blog-item .item-image, .image-right .blog-item .item-image {
    flex: 1 0 40%;
  }
  .image-left .blog-item .item-content, .image-right .blog-item .item-content {
    flex: 1 0 60%;
  }
}

.article-info dd {
  padding: 0;
}

@supports (display: grid) {
  .blog-items {
    display: grid;
    margin: 0 0 1em;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-gap: 1em;
  }
  .blog-items .blog-item {
    padding: 0;
  }
  .blog-items[class^=columns-] > div, .blog-items[class*=" columns-"] > div {
    flex: 0 1 auto;
    width: auto;
    max-width: none;
  }
  @media (min-width: 992px) {
    .blog-items.columns-2 {
      grid-template-columns: 1fr 1fr;
    }
    .blog-items.columns-3 {
      grid-template-columns: 1fr 1fr 1fr;
    }
    .blog-items.columns-4 {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
  }
}
.blog-items[class^=masonry-], .blog-items[class*=" masonry-"] {
  display: block;
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
}
.blog-items[class^=masonry-] .blog-item, .blog-items[class*=" masonry-"] .blog-item {
  display: inline-flex;
  margin-bottom: 1em;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
@media (min-width: 992px) {
  .blog-items.masonry-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  .blog-items.masonry-3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
  .blog-items.masonry-4 {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
}

/* breadcrumb
*************************************/ 
.breadcrumb > li > a::after {
  content: "";
  height: 0;
  width: 0;
  border-left: 6px solid #ff8400;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  display: inline-block;
  margin: 10px;
  vertical-align: middle;
}
/*************************************************************************************
HIDE READ MORE CHEVRON
*************************************************************************************/
span.icon-chevron-right {
    display: none;
}