/*
Author: Aky Joe
Company: TheCreatology
Stylesheet: Champion Building Maintenance LLC Skin
*/

:root{
    --body-font: "Poppins", sans-serif;
    --head-font: "Playfair Display", serif;
    --primary-color: #2a325f;
    --primay-color-light: #2e376d;
    --secondary-color: #e3c47a;
    --secondary-color-light: #8b6b2f;
    --slider-headline-color: #1c2244dd;
    --navbar-height: 150px;
    --logo-width: 339px;
    --logo-height: 100px;
    --logo-width-sticky: 170px;
    --logo-height-sticky: 55px;
    --foot-logo: 300px;
}

.has-joe-primary-background-color {
    background-color: var(--wp--preset--color--joe-primary) !important;
}

.has-joe-primary-border-color,
.has-joe-primary-color {
    color: var(--wp--preset--color--joe-primary) !important;
}
.has-joe-primary-light-background-color {
    background-color: var(--wp--preset--color--joe-primary) !important;
}

.has-joe-primary-light-border-color,
.has-joe-primary-light-color {
    color: var(--wp--preset--color--joe-primary) !important;
}
.has-joe-secondary-background-color {
  background-color: var(--wp--preset--color--joe-primary) !important;
}

.has-joe-secondary-border-color,
.has-joe-secondary-color {
  color: var(--wp--preset--color--joe-primary) !important;
}
.has-joe-secondary-light-background-color {
  background-color: var(--wp--preset--color--joe-primary) !important;
}

.has-joe-secondary-light-border-color,
.has-joe-secondary-light-color {
  color: var(--wp--preset--color--joe-primary) !important;
}

/* latin-ext */
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v40/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfsunDTbtPK-F2qC0usEw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v40/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfsunDYbtPK-F2qC0usEw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v40/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfsunDZbtPK-F2qC0usEw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v40/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfsunDXbtPK-F2qC0s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucXtAOvWDSHFF.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLufntAOvWDSHFF.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucHtAOvWDSA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VFteOYktMqlap.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VGdeOYktMqlap.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VF9eOYktMqg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*Override Squirrel*/
body.mask{
    background-color: #fff;
    font-family: var(--body-font);
    font-weight: 400;
    color: #111;
}
.mask #skin{
    box-shadow: 0 0;
	background-image: url('../mask/img/page-bg2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.home.mask #skin{
	background: none;
}
.mask #abdomen{
	margin-bottom: 40px;
	min-height: 500px;
}
.home #abdomen{
    margin-bottom: 0;
}
.mask div#abdomen div#stomach{
    float: none;
    padding-top: 150px;
    width: auto;
}
.mask.home div#abdomen div#stomach,
.mask.home div#stomach article{
    padding: 0;
}
.blog div#abdomen div#stomach{
    width: auto;
    float: none;
}
.mask div#abdomen div#hands{
    padding-top: 80px;
}
.mask #squirrel.container{
    padding: 0; width: auto;
}
.mask div#abdomen.container, .mask .container{
    padding: 0; width: 1170px;
}
.home div#abdomen.container{
    width:auto;
}
.mask.packages-page div#abdomen div#stomach{
    width: auto;
}
.mask.packages-page div#stomach div.post-content div{
    max-width: none;
}
.panel > .list-group, .panel > .panel-collapse > .list-group{
    margin-top: 0;
}
@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
    div#squirrel{width: auto;}        
}
@media only screen and ( max-width: 767px ) {
    div#squirrel{width:auto;}
}
@media only screen and (max-width: 479px){
    div#squirrel{width:auto;}
}
.animate{
    transition: all 1s ease-in-out;
}
.loadAni{
    display: inline-block;
    -webkit-animation: rotate 2s infinite linear;
    animation: rotate 2s infinite linear;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6 .h6 {
    font-family: var(--head-font);
    font-optical-sizing: auto;
}
.big-head{
    padding-bottom: 30px;
}
.big-head h1{
    font-size: 2.6em;
    margin-bottom: 50px;
}
.big-head:after{
    border-bottom: 4px double #eee;
    content: '';
    display: block;
    padding-top: 10px;
}
.big-head #breadcrumbs{
    color: #ccc;
    font-size: 0.75em;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.big-head #breadcrumbs .separator{
    line-height: 1;
    margin: 0;
}
.big-head #breadcrumbs a{
    color: #888;
}
.big-head #breadcrumbs a:hover{
    color: var(--secondary-color);
}
.big-head #breadcrumbs strong{
    font-weight: normal;
    padding-left: 0;
    padding-right: 0;
}
/* p {
    font-size: 17px;
	letter-spacing: 0.0245em;
    line-height: 27px;
} */
.text-normal{
    color: #000;
}
.text-red{
    color: var(--secondary-color);
}
.text-grey{
    color: #888;
}
.text-inverse{
    color: #fff;
}
a.text-inverse:hover{
    color: rgba(255,255,255,0.7);
}
.bg-red{
    background-color: #ef0f0f;
}
.bg-red-dark{
    background-color: #b82020;
}
.bg-yellow{
    background-color: #fecd21;
}
.bg-black{
    background-color: #333;
}
.bg-grey{
    background-color: #f2f2f2;
}
a {
    color: var(--secondary-color);
    word-wrap: break-word;
    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -ms-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in;
}
a:hover, a:focus {
    color: var(--primary-color);
    text-decoration: none;
    outline: 0;
}
a:before, a:after {
    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -ms-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
.btn {
    border-radius: 5px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 1em;
}
.btn-blue,.btn-blue:active,.btn-blue:focus{
    background-color: var(--primary-color);
    color: #fff;
    border: 1px solid #fff;
    -webkit-transition: 1s;
    transition: 1s;
}
.btn-blue:hover{
    background-color: var(--secondary-color-light);
    color: #fff;
}
.btn-blend{
    background-color: rgba(255,255,255,0.55);
    color: #000;
}
.btn-blend:hover{
    background-color: rgba(255,255,255,0.8);
    color: #000;
}
.circle-shape{
    border-radius: 80em;
    display: block;
}
.circle-shape.big{
    width: 150px;
    height: 150px;
    line-height: 150px;
}
.circle-shape.small{
    width: 80px;
    height: 80px;
    line-height: 80px;
}
.modal-backdrop.in{
    opacity: 0.75;
}
.dot-pattern{
    background-image: url('../mask/img/dots.png');
    background-repeat: repeat;
    position: absolute;
    width: 100%;
    z-index: 99;
}
/* Skull */
.mask .skull{
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	height:115px;
    position: fixed;
	width: 100%;
	top:0;
    z-index: 9999;
}
.mask.home .skull{    
    box-shadow: 0 0;
}
.mask .skull.sticky{
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
    height:60px;
    line-height:60px;
    position:fixed;
}
.mask #face{
    padding:0;
}
.mask #face .logo{
    float: left;
}
.mask #face .logo a{
    background-image:url('../mask/img/logo.png');
    background-repeat:no-repeat;
    background-size: contain;
    display: block;
    margin-top: 0.5rem;
    height: var(--logo-height);
    width: var(--logo-width);
    transition: all 400ms;
}
.mask .skull.sticky #face .logo a{
	height: var(--logo-height-sticky);
	margin-top: 0.25rem;
	width: var(--logo-width-sticky);
}
.mask .skull .navmenu .resmenu{
    display:none;
}
.mask #face .navmenu{
    float: right;
}
.mask #face .navmenu .menu{
    margin:20px 0 0;
    padding-left: 0;
    float: right;
}
.mask .skull.sticky #face .navmenu .menu{
	margin: 0;
}
.mask #face .navmenu .menu li{
    margin:0;
	line-height: 1;
}
.mask #face .navmenu .menu > li a{
    border:0;
    color:var(--primary-color-light);
    font-size:17px;
    letter-spacing: 0;
    line-height:25px;
    padding:0 22px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.mask .skull.sticky #face .navmenu .menu li a{
    font-size: 15px;
    line-height:20px;
}
.mask #face .navmenu .menu > li > a:before,
.mask #face .navmenu .menu > li > a:after{
    background-color: var(--secondary-color);
	content: '';
	display: inline-block;
	line-height: 0;
	height: 2px;
	line-height: 0;
	opacity: 0;
	position: relative;
	-ms-transition: 400ms;
	-webkit-transition: 400ms;
	transition: 400ms;
	width: 1%;
}
.mask #face .navmenu .menu li > a:after{
	bottom: 10px;
}
.mask #face .navmenu .menu li:hover > a:before,
.mask #face .navmenu .menu li:hover > a:after{
	opacity: 1;
	width: 100%;
}
.mask #face .navmenu .menu li.current-menu-item,
.mask #face .navmenu .menu li.current-menu-ancestor{
/*    border-bottom:0;*/
/*    box-shadow: 0 10px 0 rgba(0,0,0,0.3) inset;*/
}
.mask #face .navmenu .menu li.menu-item-has-children:hover > a{
    box-shadow:0 0;
}
.mask #face .navmenu .menu ul{
    background-color:#eee;
    box-shadow:8px 12px 10px rgba(0,0,0,0.3);
	display: block;
    float:none;
    left: -10px;
    margin:0;
	opacity: 0;
    position:absolute;
    top: auto;
	-ms-transition: 600ms;
	-webkit-transition: 600ms;
	transition: 600ms;
	visibility: hidden;
    width:235px;
}
.mask #face .navmenu .menu li:hover ul{
	left: 0;
	opacity: 1;
	visibility: visible;
}
.mask #face .navmenu .menu ul li a{
	display: block;
    font-size: 14px;
    line-height: 44px;
	padding-left: 15px;
	padding-right: 0;
	width: 215px;
}
.mask .skull.sticky #face .navmenu .menu ul li a{
    font-size:14px;
    line-height:34px;
    color:#000;
}
.mask #face .navmenu .menu ul li a:hover{
    box-shadow: -5px 0 0 var(--secondary-color) inset;
}

/*Sections*/
section.fullwidth{
    padding-top: 80px;
    padding-bottom: 80px;
}
section.fullwidth .container{
    width: 1170px;
}
section.wready li.widget{
    list-style: none;
}
section h2.headline,
section h2.widget-title{
	color: var(--primary-color);
	font-size: 3.6em;
    letter-spacing: 2px;
    line-height: 1.4;
    margin-bottom: 60px;
}
section .subheadline{
    font-size: 1.2em;
    line-height: 1.6;
    color: #888;
}
section .box-grey{
    border-radius: 10px;
    background-color: #f5f5f5;
    padding: 24px;
}
section .box-white{
    padding: 24px;
    background-color: #fff;
}
section .box-yellow{
    padding: 24px;
    background-color: #fecd21;
}
section li.widget h3{
    background-color: transparent;
    border-bottom: 0;
    color: #000;
    text-shadow: 0 0;
}
section .footline{
    font-size: 0.9em;
    text-decoration: underline;
    font-style: italic;
}
section.featured{
    background-color: #444;
}
section.featured .default-loading{
    color: #ccc;
    font-size: 2em;
    height: 780px;
    line-height: 780px;
    opacity: 1;
    position: absolute;
    text-align: center;
    visibility: visible;
    width: 100%;
    z-index: 9;
    -webkit-transition: 2s;
    transition: 2s;
}
section.featured.in .default-loading{
    font-size: 8em;    
    opacity: 0;
    visibility: hidden;
}
section.featured .slide-content{
    bottom: 0;
	background-color: var(--slider-headline-color);
	color: #fff;
    font-size: 1.6em;
    letter-spacing: 2px;
	left: 0;
	line-height: 2;
	margin: 0 auto;
    opacity: 0;
    position: absolute;
	right: 0;
	text-align: center;
	text-transform: capitalize;
    -webkit-transition: 3s;
    transition: 3s;
    width: 850px;
    z-index: 100;
}
section.featured.in .slide-content{
    opacity: 1;
}
section.featured .carousel-inner{
    opacity: 0;
    -webkit-transition: 2s;
    transition: 2s;
}
section.featured.in .carousel-inner{
    opacity: 1;
}
section.featured .slide .dot-pattern{
    height: 780px;
    opacity: 0.4;
}
section.featured.in .slide .dot-pattern{
    -webkit-animation: fadeIn 3s 1;
    animation: fadeIn 3s 1;
}
section.featured .slide{
    -webkit-animation: fadeInOut 400ms 1;
    animation: fadeInOut 400ms 1;    
}
section.featured .slide .ppt-qbpl-img{
    background-size: cover;
	background-position: bottom !important;
    height: 850px;
    position: relative;
    z-index: 1;
}
section.featured .slide.active .ppt-qbpl-img{
/*    -webkit-animation: zoom 15s infinite;*/
/*    animation: zoom 15s infinite;*/
}
section.featured .carousel-indicators{
	bottom: 60px;
}
section.featured .carousel-control .glyphicon{
	font-size: 4em;
}
section.welcome{
    
}
.team-work-icon{
    align-items: center;
    display: flex;
    justify-content: center;
}
.team-work-icon::before{
	border: 2px solid var(--secondary-color);
	border-radius: 15px;
	color: var(--primary-color);
	content: '\e800';
	display: block;
	font-family: joe-icon;
	font-size: 11em;
	line-height: 1;
	padding: 15px 25px;
}
section.welcome p:first-letter{
    color:var(--secondary-color);
    font-size: 3.6rem;
    line-height: 1;
    margin-right: 0.25rem;
}
section.welcome p{
    line-height: 2;
}

section.weAre{
    background-image: url('../mask/img/weare.jpg');
    background-attachment: fixed;
    background-size: cover;
}
section.weAre .bgwhite{
    padding-bottom: 100px;
    padding-top: 80px;
}
section.weAre .col{
    /* padding-left: 40px; */
    /* padding-right: 40px; */
}
section.weAre .headline{
    margin-bottom: 60px !important;
}
section.weAre .col .textwidget{
    background-color: rgba(255,255,255,0.8);
	box-shadow: 8px 8px 0 rgba(0,0,0,0.05);
    padding: 10px 10px 40px;
	-ms-transition: 600ms;
	-webkit-transition: 600ms;
	transition: 600ms;
}
section.weAre .col:hover .textwidget{
	background-color: #fff;
	box-shadow: 0 0 0 rgba(0,0,0,0.05);
}
section.weAre .widget-title{
	color: var(--primary-color);
	font-family: var(--body-font);
	font-size: 1.4em;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0;
    text-transform: capitalize;
}
section.weAre .col .widget-icon{
    color: var(--secondary-color);
    display: block;
    font-size: 4.75em;
    margin-top: 30px;
	position: relative;
	-ms-transition: 600ms;
	-webkit-transition: 600ms;
	transition: 600ms;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
section.weAre .col:hover .widget-icon{
	-ms-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
}
section.weAre .col .widget-content{
	font-size: 0.88em;
    line-height: 1.57;
    padding-left: 5px;
    padding-right: 5px;
}
section.weDo{
    padding-bottom: 160px;
    overflow: hidden;
    position: relative;
}
section.weDo:after{
	background-image: url('../mask/img/wedo.png');
	background-repeat: no-repeat;
	background-size: contain;
    bottom: 0;
	content: '';
    display: block;
    height: 218px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.75;
    position: absolute;
    right: 0;
    width: 600px;
}
section.weDo .boxes{
    margin-top: 80px;
    margin-bottom: 80px;
}
section.weDo .boxes .box{
    margin-bottom: 2rem;
}
section.weDo .boxes .box .bicon{
    padding-left: 0;
}
section.weDo .boxes .box .bicon i{
    color: var(--secondary-color);
    cursor: default;
	display: block;
    font-size: 4.8em;
	line-height: 1;
    transition: all 600ms;
    transform: rotate(0deg) scale(1);
}
section.weDo .boxes .box .bicon .joebuildroads{
	font-size: 3.8em;
}
section.weDo .boxes .box .bicon .joebuildrails{
	font-size: 3.2em;
}
section.weDo .boxes .box .caption{
    color: var(--primary-color) !important;
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: 0 !important;
    margin-left: 2rem;
}
.mask article.project .post-thumb{
    border: 1px solid #ddd;
    opacity: 1;
    padding: 6px;
    text-align: center;
    -webkit-transition: 400ms;
    transition: 400ms;
}
.mask article.project:hover .post-thumb{
    opacity: 0.8;
}
.mask div#stomach article.project .post-title{
    font-size: 1.6em;
	height: 30px;
    margin-bottom: 40px;
    margin-top: 10px;
    text-align: center;
}
.mask div#stomach article.page .post-content{
    
}
.mask.centered div#stomach article .post-content{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.mask div#stomach article .post-content p{
    margin-bottom: 20px;
}
.mask div#stomach article .post-content ul{
    list-style-type: disc;
}
.mask div#stomach article .post-content ol,
.mask div#stomach article .post-content ul{
	font-size: 17px;
    letter-spacing: 0.0245em;
    line-height: 27px;
}
.mask.career div#stomach article .post-content ul{
	list-style: none;
	padding-left: 0;
}
.mask.career div#stomach article .post-content ul li:before {
    color: #bb3131;
    content: '\e82c';
    display: inline-block;
    font-family: 'joe-icon';
    font-size: 1.2em;
    margin-left: 5px;
    margin-right: 10px;
    position: relative;
}
.mask.career div#stomach article .joegraduation-cap:before{
	color: #ddd;
	font-size: 13em;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	left: -10px;
	text-shadow: 6px 10px 0 rgba(0,0,0,0.4);
	top: 10px;
}
.mask.career div#stomach article .joegraduation-cap a{
	border-radius: 5px;
	background-color: var(--primary-color);
    color: #fff;
	display: block;
	font-family: var(--head-font);
    font-optical-sizing: auto;
    font-size: 1.1em;
	line-height: 2.2;
	margin-top: 40px;
	text-align: center;
    -webkit-transition: 1s;
    transition: 1s;
	
}
.mask.career div#stomach article .joegraduation-cap a:hover{
    background-color: var(--secondary-color-light);
}
.mask div#stomach article h2.post-title a{
    color: #4c4c4c;
    font-size: 20px;
    font-weight: 400;
}
.mask div#stomach article h2.post-title a:hover{
    color: var(--secondary-color);    
}
.mask article .post-image{
    width: 750px;
    height: 320px;
    overflow: hidden;
    background-color: #000;
}
.blog article .post-image{
    width: auto;
    height: auto;
    background-color: transparent;
}
.mask article.magazine .post-image{
    width: auto;
    height: auto;
}
.mask article .post-image img{
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    z-index: 10;
}
.mask div#stomach.single div.post-content img{
    padding: 10px;
}
.mask article .post-image:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.75;
}
.mask div#stomach.single article.project div.post-content img{
    border: 0;
    background-color: #fff;
    height: auto;
    padding: 5px;
    position: relative;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 400ms;
    transition: 400ms;
    z-index: 121;
}
.mask div#stomach article.project footer.post-foot{
    display: none;
}
.mask div#stomach.single article.project div.post-content img:hover{
    cursor: pointer;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 122;
    box-shadow: 0 0 30px rgba(0,0,0,0.2);
}
.mask div#stomach blockquote{
    padding: 25px 25px 25px 65px;
    background-position: 10px 10px;
}
.mask .paginate{
    border: 0;
    text-align: center;
    font-size: 1.4em;
}
.mask .paginate .pages{
    border: 0;
    margin-right: 20px;
    color: #888;
}
.mask .paginate a{
    border: 0;
    border-radius: 80em;
    display: inline-block;
    width: 40px;
    height: 40px;
}
.mask:not(.home) div#stomach article .post-content h2{
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.mask:not(.home) div#stomach article .post-content h3{
    margin-top: 50px;
}
.mask:not(.home) div#stomach article .post-content h4{
    color: #888;
    font-size: 1em;
    letter-spacing: 2px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.mask div#stomach article.page .post-content > p:first-of-type:first-letter {
	color: var(--secondary-color-light);
	font-size: 3.6em;
    line-height: 1;
	margin: 10px 10px 10px 0;
}
.noFLstyle div#stomach article.page .post-content > p:first-of-type:first-letter {
	color: #333;
	float: none;
	font-size: 17px;
	margin: 0;
}
.mask div#stomach div.post-content form input[type="text"], 
.mask div#stomach div.post-content form input[type="email"],
.mask div#stomach div.post-content form input[type="number"],
.mask div#stomach div.post-content form textarea{
    /* margin: unset; */
    padding:1rem max(var(--jetpack--contact-form--input-padding-left,16px),var(--jetpack--contact-form--border-radius));
    width: 100%;
}
.mask div#stomach .page .post-content .reachus:before,
.mask div#stomach .page .post-content .question:before{
    background-color: var(--primary-color);
    border-radius: 80em;
    color: #fff;
    display: inline-block;
    font-family: "joe-icon";
    font-size: 1.15em;
    font-weight: 100;
    height: 60px;
    left: -20px;
    line-height: 60px;
    position: relative;
    text-align: center;
    width: 60px;
}
.mask div#stomach .page .post-content .reachus:before{
    content: '\e84d';
}
.mask div#stomach .page .post-content .question:before{
    content: '\e807';    
}
.mask div#stomach .page .post-content .reachus,
.mask div#stomach .page .post-content .question{
    font-size: 2em;
    margin-bottom: 40px;
}
.mask div#stomach .page .post-content .addresses{
    border-bottom: 4px double #ddd;
    margin-bottom: 60px;
    padding-bottom: 60px;
}
.mask div#stomach .page .post-content .queryform form{
    background-color: transparent;
    border-width: 0 0 0 4px;
    border-left-style: double;
    border-radius: 0;
    box-shadow: none;
    margin-top: 40px;
    padding: 10px 0 40px 30px;
}
.mask div#stomach .page .post-content .queryform form .form-group:empty{
    margin-bottom: 0;
}
.mask div#stomach .page .post-content .queryform form input,
.mask div#stomach .page .post-content .queryform form textarea{
    border-radius: 0;
    border-color: #000;
    box-shadow: none;
    margin-bottom: 10px;
    width: 100%;
}
.mask div#stomach .page .post-content .queryform form input{
    height: 40px;
}
.mask div#stomach .page .post-content .queryform form .btn-blue{
    border-radius: 0;
    box-shadow: 15px 0 0 var(--secondary-color) inset;
    font-family: var(--head-font);
    font-optical-sizing: auto;
    font-size: 1.4em;
    height: 55px;
    -webkit-transition: 1s;
    transition: 1s;
    width: 100%;
}
.mask div#stomach .page .post-content .queryform form .btn-blue:hover{
    box-shadow: 175px 0 0 var(--secondary-color) inset;
}
.mask div#stomach .page .post-content .queryform form p.small{
    font-size: 0.8em;
    line-height: 1.45;
    margin-bottom: 0;
    padding: 10px;
}
.mask div#stomach .page .vission p{
	color: #fff;
}
.mask div#stomach .page .vission .box{
	border-radius: 40px;
    color: #fff;
    padding: 30px;
    text-align: center;
}
.mask div#stomach .page .vission .box-red{
	background-color: var(--secondary-color-light);
}
.mask div#stomach .page .vission .box-blue{
	background-color: var(--primary-color);    
}
.mask div#stomach .page .vission h3{
	background-color: rgba(0,0,0,0.4);
    color: #fff;
    font-family: var(--head-font);
    font-optical-sizing: auto;
    font-size: 2.6em;
    margin-top: 0;
    margin-bottom: 30px;
    padding: 15px 0 10px;
    text-align: center;
}
.mask div#stomach div.post-content p img.aligncenter{
	height: auto;
	margin-bottom: 50px;
	margin-top: 50px;
	width: 100%;
}
/*Sidebar*/
.mask #hands .widget{
    margin-bottom: 40px;
    border-radius: 0;
    padding: 20px;
}
.mask #hands .widget .panel-heading{
    background-color: transparent;
    color: #4c4c4c;
    text-shadow: 0 0;
    font-size: 1.1em;
    border-bottom-style: dotted;
    border-bottom-color: #aaa;
    text-transform: none;
    font-family: var(--body-font);
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.mask #hands .widget ul{
    list-style-type: circle;
    padding-left: 10px;    
}
.mask #hands .widget ul li{
    color: #bbb;    
    margin-bottom: 10px;
    padding-bottom: 10px;    
}
.mask #hands .widget ul li a{
    color: #888;
    font-size: 14px;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
}
.mask #hands .widget ul li a:hover{
    color: #000;
}
.mask div#stomach #parentlinks{
    margin-bottom: 60px;
}
.mask.career div#stomach article .post-content ul#parentlinks li:before{
	display: none;
}
.mask div#stomach #parentlinks li.page_item a{
    border: 1px solid #ddd;
    background-color: #f8f8f8;
	font-size: 13px;
    margin-left: 2px;
    margin-right: 2px;
	padding: 5px 0;
}
.mask div#stomach #parentlinks li.page_item:hover a{
    border: 1px solid var(--primary-color);
	color: var(--primary-color);
}
.mask div#stomach #parentlinks li.page_item.current_page_item a{
    border: 1px solid var(--primary-color);
	background-color: var(--primary-color);
    color: #fff;
}
/*Footer*/
section.fwidgets{
    /* background-color: var(--secondary-color); */
    color: var(--primary-color);
    display: flex;
    justify-content: center;
    padding-bottom: 3rem;
    padding-top: 3rem;
    width: 100%;
}
section.fwidgets .widget{
    text-align: center;
}
section.fwidgets p{
    font-size: 0.9em;
}
section.fwidgets .widget-title{
    color: var(--primary-color);
    font-size: 1.5rem;
    letter-spacing: 4px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
section.fwidgets .widget-title i{
    color: rgba(0,0,0,0.4);
    font-size: 2em;
    margin-right: 5px;
    margin-left: -5px;
}
section.fwidgets .widget-content a{
    color: var(--primary-color-light);
}
section.fwidgets .widget-content a:hover{
    color: var(--primary-color);
}
section.fwidgets .socialize{
    margin-top: 20px;
}
section.fwidgets .socialize a{
    color: rgba(0,0,0,0.4);
    display: inline-block;
    font-size: 2em;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    text-align: center;
    -ms-transition: 600ms;
    -webkit-transition: 600ms;
    transition: 600ms;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    width: 40px;
}
section.fwidgets .socialize a:hover{
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
footer#legs{
    /* background-color: var(--primary-color); */
    color: var(--primary-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
footer#legs .reserve{
    background-image: url('../mask/img/logo-light.png');
    background-size: contain;
    height: var(--foot-logo);
    width: var(--foot-logo);
}
footer#legs .reserve .t1,
footer#legs .reserve .t2{
    text-align: center;
    text-transform: uppercase;
}
footer#legs .reserve .t1{
    color: #fff;
    font-family: var(--head-font);
    font-optical-sizing: auto;
    font-size: 2rem;
}
footer#legs .reserve .t2{
    font-size: 0.85rem;
}
footer#legs .reserve .t3{
    display: inline-block;
	/* font-size: smaller; */
    margin-left: 0.25rem;
}
footer#legs .copyinfo{
    /* color: var(--secondary-color); */
	font-size: 0.8rem;
    margin-top: 1rem;
}
footer#legs .siteinfo{
    text-align: right;
}
footer#legs .footlinks{
    margin-top: 10px;
}
footer#legs .footlinks li{
    border-right: 1px solid var(--secondary-color);
    display: inline;
}
footer#legs .footlinks li:last-child{
    border-right: 0;
}
footer#legs .footlinks li a{
    color: white;
    display: inline;
	font-size: 0.8em;
	line-height: 0;
    padding: 0 10px;
}
footer#legs .footlinks li a:hover{
    text-decoration: underline;
}
#inquiryform.cfpage form{
    margin-bottom: 0 !important;
}
#inquiryform.cfpage .modal-content{
    box-shadow: 0 0;
}
#inquiryform.cfpage .modal-content form input,#inquiryform.cfpage .modal-content form textarea{
    width: 100% !important;
    margin-top: 0 !important;
}
#inquiryform.cfpage .modal-dialog{
    margin: 0;
    width: auto;
}
div#stomach div.post-content #inquiryform.cfpage .form-control{
    margin-top: 0;
}
.zjoeform form p.alert-success{
    margin-bottom: 0;
}
.zjoeform form p.alert-success i.circle-shape{
    font-size: 7em;
    margin: 0 auto 30px;
}
.lpage.zjoeform .form-content{
    background-color: rgba(255,255,255,0.3);
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 15px;
    float: right;
    margin: 50px 50px 0 80px;
    padding: 30px;
    width: 350px;
}
.lpage.zjoeform .form-content .form-group{
    margin-bottom: 15px;
}
.lpage.zjoeform .form-content #i-info{
    position: absolute;
}
.lpage.zjoeform .form-content #i-info p.alert{
    background-color: rgba(206,0,0,0.7);
    border-radius: 0;
    color: #fff;
    font-size: 0.8em;
    padding: 0 10px;
}
.lpage.zjoeform .form-content .input-group-addon{
    color: #ddd;
    font-size: 1.2em;
    padding: 0 4px;
}
.lpage.zjoeform .form-content .input-group-addon,
.lpage.zjoeform .form-content .form-control{
    background-color: #fff;
    border-radius: 0;
    border-width: 0;
}
.lpage.zjoeform .form-content input.form-control{
    border-left: 1px solid #f2f2f2;
    height: 30px;
    width: 65%;    
}
/*Lightbox* for Images*/
.ekko-lightbox-container{position:relative}.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:empty{width:49%}.ekko-lightbox a:hover{text-decoration:none;opacity:1}.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}.ekko-lightbox .modal-footer{text-align:left}


/* Animations */
@-webkit-keyframes breathing {
    0% {background-color: #000;}
    50% {background-color: #12bfff;}
    100% {background-color: #000;}
}
@keyframes breathing {
    0% {background-color: #000;}
    50% {background-color: #12bfff;}
    100% {background-color: #000;}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 1;}
    100% {opacity: 0.4;}
}
@keyframes fadeIn {
    0% {opacity: 1;}
    100% {opacity: 0.4;}
}
@-webkit-keyframes fadeInOut {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeInOut {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes rotate {
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes rotate {
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-webkit-keyframes zoom {
    0% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
    50% {
        -webkit-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }
    100% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}
@keyframes zoom {
    0% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
    50% {
        -webkit-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }
    100% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}