/* 
Theme Name: DC Metal Theme
Theme URI: #
Description: Programmed by longevity.marketing

Version: 5.3
Author: longevity.marketing
Author URI: #
Tags: #

Adobe fonts if needded:

font-family: din-condensed, sans-serif;
light 300 / regular 400

font-family: veneer, sans-serif;
regular 400

-------------------------------------------------------------- */
/*@font-face {
    font-family: veneer, sans-serif;
    src: local('Veneer Regular'), local('Veneer-Regular'),
        url('fonts/Veneer.woff2') format('woff2'),
        url('fonts/Veneer.woff') format('woff'),
        url('fonts/Veneer.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

@font-face {
    font-family: din-condensed, sans-serif;
    src: url('fonts/DINCondensed-Light.woff2') format('woff2'),
        url('fonts/DINCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: din-condensed, sans-serif;
    src: url('fonts/DINCondensed-Regular.woff2') format('woff2'),
        url('fonts/DINCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/
html, body {-webkit-font-smoothing: antialiased; }
a, a:hover, a:active, a:focus, a:visited { outline: 0; }
a[href^=tel] {text-decoration:inherit;color: inherit;}
object, embed {outline: 0;}
select {-webkit-appearance: none;}
input::-moz-focus-inner { border: 0; }
input[type="checkbox"] {-webkit-appearance: checkbox;}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
select::-ms-expand {display: none;}
img {max-width: 100%; height: auto}
body {
font-family: din-condensed, sans-serif;
font-weight:300;
font-size:1.2em;
line-height:1.4;
color: #535353
}

h1,h2,h3,h4,h5,h6 {margin: 20px 0 30px;  font-weight:400; color: #A28259; }

h1,h2,h3,h4 {font-family: veneer, sans-serif;line-height: 1;text-transform: uppercase }

h1 {font-size: 2.5em}
h2 {font-size: 2.25em}
h3 {font-size: 2em}
h4 {font-size: 1.5em}
h5 {font-size: 1.25em}
h6 {font-size: 1.2em}


li {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.aligncenter {margin: 0 auto;display: block;text-align: center;}
.alignright {margin: 0 0 0 auto;display: block;text-align: right;}

.lazy-bg{}
.lazy-src:not(.inview) {position: absolute}

/*form stuff reset*/
form label {line-height: normal!important; font-weight: 300 !important}

::-webkit-input-placeholder { /* Chrome */
  color: black;
  transition: opacity 250ms ease-in-out;
}
:focus::-webkit-input-placeholder {
  opacity: 0.5;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
  transition: opacity 250ms ease-in-out;
}
:focus:-ms-input-placeholder {
  opacity: 0.5;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
:focus::-moz-placeholder {
  opacity: 0.5;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: black;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
:focus:-moz-placeholder {
  opacity: 0.5;
}
/*form stuff reset*/


.elegant, *::before, *::after, a  
{-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;}

.coverbk {background-size: cover; background-position: 50% 50%; background-repeat:no-repeat}
.flexboxed {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
min-height: 1em;
}

/********### NAV ###********/

.icon-bar {
	width: 36px; 
	height: 2px;
	background-color: white;
	display: block;
	margin-top: 8px
}
 
.navbar-toggler {
border: none;
background: transparent !important;
margin-top: -15px;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

.navbar-toggler:focus {box-shadow: 0 0 0 0}

.dropdown-menu {display: block}	

.dcmnavbar {position: absolute; z-index: 11; width: 100%; font-weight:normal; text-transform: uppercase;}
.dcmnavbar .nav-link {color: rgba(255,255,255,.85); letter-spacing: 5px;}

.dcmnavbar .current_page_item>.nav-link, .dcmnavbar .current_page_parent>.nav-link, .dcmnavbar .nav-link:hover {color: rgba(255,255,255,1);}
.dcmnavbar .dropdown-menu {background-color: transparent; box-shadow: none; border-width: 0;  padding: 5px 0 15px; margin: 0; border-radius: 0}
.dcmnavbar .dropdown-item {color: rgba(255,255,255,.85); font-size: .95em; padding: 5px 0 5px 20px; position: relative}
.dcmnavbar .dropdown-item::before {content: ""; display: block; width: 10px; height: 10px; transform: rotate(-45deg); border-right: 3px solid #A28259; border-bottom: 3px solid #A28259; position: absolute; left:-5px; opacity: 0; top:50%; margin-top: -5px}

.dcmnavbar .dropdown-item:hover::before, .dcmnavbar .current_page_item>.dropdown-item::before {left:0; opacity: 1;}

.dcmnavbar .dropdown-item:focus,  .dcmnavbar .dropdown-item:hover, .dcmnavbar .current_page_item>.dropdown-item {background-color: transparent; color: rgba(255,255,255,1);}

.dcmnavbar .navbar-nav .nav-link.active, .dcmnavbar .navbar-nav .nav-link.show {color: rgba(255,255,255,1)}

.dcmnavbar .dropdown-toggle::after {border-width: 0; width: 10px; height: 10px; transform: rotate(45deg); border-right: 3px solid #A28259; border-bottom: 3px solid #A28259;
    margin-left: 8px;
    vertical-align: 6px;}

.nav-expanded .dcmnavbar {background-color:rgba(0,0,0,.85); min-height: 100vh; align-items: flex-start}
.navbar-nav {padding: 15px 15px 60px; font-size: 1.25em}
.dcmnavbar .dropdown-menu {font-size: 1em}

.sec-banner { min-height: 560px; position: relative; margin-bottom: 60px; background-color: black}
.sec-banner>figure {position: absolute; margin: 0; top:0; left:0; right: 0; bottom: 0; z-index: 2}
.page-id-10 .sec-banner>figure {background-color: rgba(0,0,0,.8)}

.page-id-10 .sec-banner, .page-id-14 .sec-banner {margin-bottom: 0}

.art-banner {text-align: center; margin-bottom: -60px}
.art-banner h1 {margin: 0; padding-bottom: 35px;  letter-spacing: 2px; position: relative}
.art-banner h1::after {content: ""; display: block; width: 40%; height: 0; border-top: 2px solid #A28259; position: absolute; left:30%; bottom: 0; opacity: .75 }


.page-id-12 .myindex-2 .art-inner>ol {padding: 30px 0; margin:50px 0; list-style: none; font-size: 0; text-align: center; border-top: 1px solid rgba(112,112,112,.5);border-bottom: 1px solid rgba(112,112,112,.5)}
.page-id-12 .myindex-2 .art-inner>ol>li {font-size: .9rem; text-transform: uppercase; color: black; font-weight: normal; margin: 15px 0; line-height: 1; display: inline-block; vertical-align: top; width: 33.3333%}
.page-id-12 .myindex-2 .art-inner>ol>li strong {display: block;line-height: 1;font-family: veneer, sans-serif; color: #A28259; font-size: 3em; font-weight: normal}



.ourstoryimg {padding-bottom: 75%}

img.wp-image-56 {max-width: 300px}

.page-id-12 .myindex-4 {margin: 60px 0; background-position: 65% 50%}
.page-id-12 .myindex-4 .art-inner {color: white; padding:50px 0 50px 25%}
.page-id-12 .myindex-4 .art-inner h2 {color: white}

.art-inner h5 + h2 {margin-top: -20px}


.art-inner ol.aac {padding: 50px 0 0; margin: 60px 0 0; font-size: 0; list-style: none; text-align: center; border-top: 1px solid rgba(112,112,112,.5);}
.art-inner ol.aac>li:first-child {font-size: 1.75rem;font-family: veneer, sans-serif; font-weight: normal; color: #A28259; text-transform: uppercase; margin-bottom: 15px;}
.art-inner ol.aac>li:not(:first-child) {display: inline-block; vertical-align: middle; margin: 5px}
.art-inner ol.aac>li img {max-width: none; height:60px; width: auto;}

.page-id-10 .myindex-5 .art-inner ol.aac:last-of-type>li img {height:65px; margin: 0 5px }

.page-id-10 .myindex-5 {padding-bottom: 60px}
.page-id-10 .myindex-5 .art-inner ol.aac {border-top-width: 0; padding: 0; margin: 0;}

.page-id-10 .myindex-5 .art-inner hr {border-top: 1px solid rgba(112,112,112,.5); margin: 70px 0 60px; max-width: 680px; opacity: 1}

.mybtn {display: inline-block; text-transform: uppercase; color: white; letter-spacing: 2px; padding: 10px 30px; background-color: #A28259; text-decoration: none; font-weight: normal}


.art-inner ol.serviceslinkswrapper {padding: 0; margin: -60px -5px 30px; list-style: none; font-size: 0; text-align: center; position: relative; z-index: 2}
.art-inner ol.serviceslinkswrapper>li {font-size: .55rem; margin-bottom: 10px; text-align: left;display: inline-block; vertical-align: top; width: 33.33333%;padding: 0 5px}
.simg {padding-bottom: 75%}
.art-inner ol.serviceslinkswrapper>li>a {display: block; text-decoration: none}
.stitle {background-color: #333333; padding: 10px;}
.stitle h4 {margin: 0}


.page-id-14 .myindex-1 .art-inner>p:last-of-type {margin: 50px auto 0; max-width: 860px}


.art-inner ol, .art-inner ul {padding: 0; margin: 0 0 0 20px}
.art-inner ul>li {list-style:square; margin: 5px 0}

.parent-pageid-14 .hasbk {margin: 60px 0; padding: 60px 0; color: white }

.parent-pageid-14 .hasbk .art-inner h3, .parent-pageid-14 .hasbk .art-inner h2 {color: white}

.page-id-18 .myindex-3 .col-right .art-inner p {margin: 30px 0 -90px}
.page-id-18 .myindex-3 .col-right .art-inner p img {width: 300px}

.page-id-20 .myindex-2 {margin-bottom: -60px !important}

.parent-pageid-14 .myindex-1 {background: url("img/graphic_pattern_01.webp") 50% 100% no-repeat; background-size: contain}

.page-id-24 .myindex-3 .art-inner>ol {padding: 0; margin: 50px -10px; list-style: none; text-align: center;   display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  justify-content: center;
  align-items:flex-start;
  align-content: space-around;}
.page-id-24 .myindex-3 .art-inner>ol>li { flex-basis: 50%;  padding: 10px; color: black; line-height: 1.2}
.page-id-24 .myindex-3 .art-inner>ol>li img {height: 80px; margin:0 auto 5px; display: block}

.page-id-24 .myindex-2 .row {position:relative}
.page-id-24 .myindex-2 .row::before, .page-id-24 .myindex-2 .row::after {content: ""; display: block; width: 100%; height: 0; border-top: 1px solid #707070; margin: 30px 0; opacity: .5}

.page-id-24 .myindex-4 .art-inner {color: white; padding:80px 0; max-width: 900px; margin: 0 auto; font-size: 1.5em; line-height: 1.3}

.page-id-24 .myindex-4 .art-inner h4 {color: white; margin: 50px 0 0; font-size: 1.5em}
.page-id-24 .myindex-4 .art-inner h5 {color: white; font-family: veneer, sans-serif; margin: 0; font-size: .65em; text-transform: uppercase}

.page-id-24 .myindex-5  {background:url("img/graphic_pattern_01.webp") 50% 0% no-repeat; background-size: contain}
.page-id-24 .myindex-5 .col-left .art-inner {margin-top: -60px}


.page-id-24 .myindex-6 {margin-bottom: 50px}
.page-id-24 .myindex-6 .art-inner {border-top: 1px solid rgba(112,112,112,.25); margin-top: 50px; padding-top: 30px}
.page-id-24 .myindex-6 .art-inner h5 {font-size: 1em; color: black; margin: 0 auto 60px; max-width: 680px; line-height: 1.4}


.page-id-26 .myindex-1 .art-inner>ol {padding: 30px 0; margin: 60px 0; list-style:none; font-size: 0;border-top: 1px solid rgba(112,112,112,.25); border-bottom: 1px solid rgba(112,112,112,.25); text-align: center}
.page-id-26 .myindex-1 .art-inner>ol>li {font-size: 1.5rem; }
.page-id-26 .myindex-1 .art-inner>ol>li:nth-child(2) {border-top: 1px solid #707070; border-bottom: 1px solid #707070; padding: 15px 0; margin: 30px}
.page-id-26 .myindex-1 .art-inner>ol>li a {display: inline-block; color: #535353; text-decoration: none}
.page-id-26 .myindex-1 .art-inner>ol>li a::before {content: ""; display: inline-block; width: 36px; height: 36px; margin-right: 15px;  vertical-align: middle; background: url("img/icon_sprites.svg") 50.15% 50% no-repeat; background-size: auto 120%}

.page-id-26 .myindex-1 .art-inner>ol>li a[href^=tel]::before {background-position: 56.25% 50%}

.page-id-26 .myindex-1 .art-inner>ol>li a[href^=mailto]::before {background-position: 62.4% 50%}

.page-id-26 .myindex-2 {padding-bottom: 200px; margin-top: 200px}
.page-id-26 .myindex-2 .col-left .art-inner {background: url("img/banner_contact03.webp") 50% 50% no-repeat; background-size:cover; padding: 50px 0; margin-top: -100px; }

.page-id-26 .myindex-2 .col-right .art-inner {background-color: white; padding: 30px;}

.singleport {position: relative; padding-bottom: 70%; cursor: pointer}
.singleportmeta {position: absolute;  bottom: -30px; left:0; padding: 20px 30px 15px; background-color: #A28259}
.singleportmeta h4 {color: white; margin: 0; font-size: 1.2em}
.singleportmeta p {color: white; margin: 5px 0 0; line-height: 1; font-size: .9em}

.viewmorebtn {position: absolute; top:0; left:0; right: 0; bottom: 0;
background-color: rgba(0,0,0,.5);
opacity: 0}
.viewmorebtn>span {margin-top: 100px}

.singleport:hover .viewmorebtn {opacity: 1}
.singleport:hover .viewmorebtn>span {margin-top: 0}
.singleport:hover .singleportmeta {opacity: 0; bottom: -50px}


.portimg {padding-bottom: 60%; min-height: 150px}
#galmeta {margin-bottom: 10px; position: relative}
#galmeta>h3 {margin: 0; color: white; font-size: 1.5em; display: inline-block; margin-right: 15px}
#galmeta>h6 {margin: 0; color: white; font-size: 1em; display: inline-block}
#counter {color: white; position: absolute; right: 45px; top:50%; transform: translateY(-50%); font-size: 1em; display: none}

.modal-content {background-color: transparent; border-width: 0}

.modal-backdrop {background-color: #333333}
.modal-backdrop.show {opacity: 1;}
body.modal-open {overflow: hidden}

.owl-nav {position: absolute; z-index: 5; width: 100%; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); height: 48px;}
.owl-nav>button>span {font-size: 0; display: block; width: 36px; height: 36px; border-radius: 100%; background: rgba(255,255,255,.25) url("img/icon_sprites.svg") 87.75% 50% no-repeat; background-size: auto 100%; color: white; text-align: center;  position: absolute; top:0}
.owl-nav>button.owl-prev>span {left:15px;transform: rotate(180deg) }
.owl-nav>button.owl-next>span {right:15px;}

.modal-body .owl-nav>button>span {background-color:rgba(255,255,255,.75) }

.closemodal {position: absolute;  display: block;  font-size: 0; top:-30px; right: 15px; z-index: 6; cursor: pointer; text-decoration: none; width: 32px; height: 32px;  background:url("img/icon_sprites.svg") 93.4% 50% no-repeat; background-size: auto 120%; transform: rotate(45deg) }



.projectgrids {
	
   display: grid; 

   grid-template-rows: 1fr;
   grid-template-columns: 1fr;
   
   gap: 60px 30px;
   height: 100%;
	
	position: relative;
	
}

.projectgrids.active::after {content: ""; display: block; position: absolute; top:-10px; left:-10px; right: -10px; bottom: -10px; border-radius: 15px;
background-color: rgba(255,255,255,.25);
}


ol.mycats {padding: 0; margin: 60px auto; max-width: 750px; list-style: none; text-align: center; font-size: 0}
ol.mycats>li {font-family: veneer, sans-serif; font-weight: normal; font-size: 1.25rem; padding: 10px; color: #A28259; background-color: #333333; cursor: pointer; display: inline-block; width: calc(33.3333% - 10px); margin: 0 5px;text-align: left; line-height: 1; position: relative; text-transform: uppercase}
ol.mycats>li::after {content: ""; display: block; position: absolute; bottom: -10px; left:50%; margin-left: -20px; opacity: 0;
width: 0px;
height: 0px;
border-style: solid;
border-width: 20px 20px 0 20px;
border-color: #A28259 transparent transparent transparent;
transform: rotate(0deg);}

ol.mycats>li.active, ol.mycats>li:hover {background-color:#A28259; color: white }
ol.mycats>li.active::after, ol.mycats>li:hover::after {opacity: 1; bottom: -18px}

.profigstage {margin-bottom: 100px}


.page-id-10 .myindex-1 {padding: 0 0 200px; color: white }
.page-id-10 .myindex-1 .mybtn {margin: 15px 0}


.page-id-10 .myindex-3 {padding: 0 0 300px; }

.page-id-10 .myindex-4 {padding: 50px 0; overflow: hidden}

.page-id-10 .myindex-6 {padding: 80px 0 0; color: white}
.page-id-10 .myindex-6 h5 {text-transform: uppercase; color: white; margin: 15px 0}
.page-id-10 .myindex-6 h2, .page-id-10 .myindex-6 h3 {color: white; line-height: 1.2}

.page-id-10 .myindex-7 {position: relative; background-color:#eeeeee; padding-top: 60px }
.page-id-10 .myindex-7 .art-inner>p:not(:last-of-type) {max-width: 680px; margin: 30px auto; position: relative; z-index: 1}
.page-id-10 .myindex-7 .art-inner>p:last-of-type {margin: -60px -12px 0; }
.page-id-10 .myindex-7 .art-inner>p:last-of-type img {width: 100%}

.fig-prosldstage {margin: 0 -12px}
.art-proimg {padding-bottom: 58.3%; position: relative; margin-bottom: 30px}
.proinfo {position: absolute; background-color: #4B494A; color: white; text-transform: uppercase; bottom: -35px; left:50%; transform: translateX(-50%); padding: 10px 15px}
.proinfo>ul {padding: 0; margin: 0; list-style:none; font-size: 0; white-space: nowrap}
.proinfo>ul>li {display: inline-block; vertical-align: top; font-size: .8rem; margin: 0}
.proinfo>ul>li:not(:last-child) {padding-right: 10px; margin-right: 10px; border-right: 1px solid rgba(255,255,255,.25)}
.proinfo>ul>li strong {display: block; font-size: .85em; color: #A28259; letter-spacing: 3px}
.proinfo>ul>li br {display: none}

.fig-prosldstage .owl-nav {width: calc(100% - 30px); margin-top: -15px !important}

.page-id-26 .sec-main h6 {max-width: 720px; margin: 0 auto}

#loadmore {margin: 100px auto 30px; text-align: center; width: 100%; cursor: pointer}
#loadmore.hide {display: none !important}

#response.active ~ #loadmore {opacity: 0}

.vimeo-wrapper {
   position:absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}


.video-container {
   position:absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   pointer-events: none;
   overflow: hidden;
}

.video-container video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

footer {background-color: #2C2C2C; padding: 60px 0 0}

.sec-pf {margin-top: 60px; background-position: 50% 0% !important; position: relative}
.sec-pf>div {position: relative; z-index: 3}
.sec-pf::before {content: ""; display: block; width: 30%; height: calc(100% + 50px);position: absolute; left:0; bottom: 0; background: url("img/graphic_pattern_02.webp") 100% 0% no-repeat; background-size:cover; z-index: 1}
.art-pf {padding: 30px 0 30px 25%; text-align: center}
.art-pf h2 {letter-spacing: 2px}

.art-ft>ol {padding: 0; margin: 0; list-style: none; font-size: 0; text-align: center}
.art-ft>ol>li {}

.contactinfo ol {padding: 0; margin: 30px 0; list-style: none; font-size: 0; text-align: center}
.contactinfo ol>li {font-size: 1.25rem; margin: 15px 0}
.contactinfo ol>li a {display:inline-block;color: white; text-decoration: none }
.contactinfo ol>li a::before {content: ""; display: inline-block; width: 32px; height: 32px;  margin-right: 5px; vertical-align: middle; background: url("img/icon_sprites.svg") 68.7% 50% no-repeat; background-size: auto 120%;}

.contactinfo ol>li a[href^=tel]::before {background-position: 74.75% 50%}
.contactinfo ol>li a[href^=mailto]::before {background-position: 80.95% 50%}

.sociallinks ol {padding: 0; margin: 0; list-style: none; font-size: 0; text-align: center}
.sociallinks ol>li {display: inline-block; margin: 0 10px; vertical-align: middle}
.sociallinks ol>li a {display: block; width: 32px; height: 32px; background: url("img/icon_sprites.svg") 25.45% 50% no-repeat; background-size: auto 120%; }

.sociallinks ol>li a.linkedin {background-position: 31.5% 50%}
.sociallinks ol>li a.google {background-position: 37.75% 50%}


.art-inner .sociallinks ol>li a {width: 48px; height: 48px; background-position: 0.7% 50%}
.art-inner .sociallinks ol>li a.linkedin {width: 48px; height: 48px; background-position: 6.7% 50%}
.art-inner .sociallinks ol>li a.google {width: 48px; height: 48px; background-position: 13% 50%}

.disclaimer {margin: 60px 0 0; padding: 30px 15px; text-align: center; color: #B38152; background-color: black; text-transform: uppercase; font-size: 1rem; letter-spacing: 2px; line-height: 1.2}
.disclaimer a {text-decoration: none; color: #B38152; }

body .quform {font-size: 1.1em}
body .quform-spacer {margin-bottom: 15px}

body .quform .quform-field-captcha, body .quform .quform-field-date, body .quform .quform-field-email, body .quform .quform-field-file, body .quform .quform-field-multiselect, body .quform .quform-field-password, body .quform .quform-field-select, body .quform .quform-field-text, body .quform .quform-field-textarea, body .quform .quform-field-time, body .quform .select2-container--quform .select2-selection {border: 1px solid #707070; padding: 15px 15px; color: #535353; border-radius: 0; font-weight: 300}

body .quform-upload-button  {width: 100%;  padding: 15px 15px; color: #535353;font-family: veneer, sans-serif; background-color: rgba(83,83,83,.25); border-width: 0; font-size: 1.2em; text-align: left}

body .quform-button-submit-default {float: none; text-align: center; margin: 0}
body .quform-button-submit-default>button {background-color: #A28259; font-family: veneer, sans-serif; color: white; font-size: 1em; padding: 10px 50px; border-width: 0; margin: 0 auto}

body .quform-inner-1_18 {position: relative}
body .quform-upload-files {position: absolute; right: 15px; top:50%; transform: translateY(-50%); margin: 0 }
body .quform-upload-file {background-color: transparent; border-width: 0; margin: 0}

body .quform-upload-button:focus-within {outline-offset: 0}


body.page-id-26 .quform .quform-field-captcha, body.page-id-26 .quform .quform-field-date, body.page-id-26 .quform .quform-field-email, body.page-id-26 .quform .quform-field-file, body.page-id-26 .quform .quform-field-multiselect, body.page-id-26 .quform .quform-field-password, body.page-id-26 .quform .quform-field-select, body.page-id-26 .quform .quform-field-text, body.page-id-26 .quform .quform-field-textarea, body.page-id-26 .quform .quform-field-time, body.page-id-26 .quform .select2-container--quform .select2-selection {border-width: 0; border-bottom: 2px solid #A28259; padding:10px 0}

a#backtotop {display: block;font-size: 0;width: 42px;height: 42px;border-radius: 50%;position: fixed;z-index: 11;right: 15px;bottom: -50px;opacity: 0;background-color: #A28259;}

a#backtotop::after{	content: "";display: block;width: 20px;height: 20px;top: 60%;position: absolute;left: 50%;margin: -10px 0 0 -10px; border-left: 2px solid white; border-top: 2px solid white;-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}
a#backtotop.showme {opacity: 1;bottom: 80px;}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(img/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}


.owl-theme .owl-dots { text-align: left}
.owl-theme .owl-dots .owl-dot span {margin: 0 5px 0 0; width: 12px; height: 12px; background-color: #A28259; opacity: .25}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background-color: #A28259; opacity: 1}

/*correct google conversion tracking tag generated iframe height issue*/
iframe[name='google_conversion_frame'] { 
height: 0 !important;
width: 0 !important; 
line-height: 0 !important; 
font-size: 0 !important;
margin-top: -13px;
float: left;
}


/*
Mobile first queries : 

Extra small			None	<576px
Small				sm		≥576px
Medium				md		≥768px
Large				lg		≥992px
Extra large			xl		≥1200px
Extra extra large	xxl		≥1400px

*/


/* Minimum - wider screen */
@media (min-aspect-ratio: 1/1) {


}

/* Maximum - narrow screen */
@media (max-aspect-ratio: 1/1) {

}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {


} /*576px closed*/


/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	
.sec-banner {height: 100vh; }
	
.page-id-24 .myindex-3 .art-inner>ol>li { flex-basis: 33.3333%; }

.projectgrids {grid-template-columns: 1fr 1fr;}
	
.proinfo {padding: 15px 30px}
.proinfo>ul>li {font-size: 1rem; }
.proinfo>ul>li:not(:last-child) {padding-right: 30px; margin-right: 30px}
	
.sec-pf::before {width: 40%;}

}/*768px closed*/

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	
body {font-size:1.25em;}

h1 {font-size: 2.75em}
h2 {font-size: 2.75em}
h3 {font-size: 2.25em}
h4 {font-size: 1.75em}
h5 {font-size: 1.5em}
h6 {font-size: 1.25em}
	
.dropdown-menu {display: none}	
.dropdown:hover .dropdown-menu {display: block;}

.dcmnavbar .dropdown-menu {padding: 5px 0 0;}
.navbar-nav {padding: 0; font-size: 1em}
.navbar-expand-lg.dcmnavbar .navbar-nav .nav-link{padding: 10px 20px}
	
.sec-banner {margin-bottom: 100px}

.art-banner {margin-bottom: 0}
.art-banner h1 {letter-spacing: 10px; }
	
.page-id-12 .myindex-2 .art-inner>ol>li {font-size: 1.25rem}
.page-id-12 .myindex-2 .art-inner>ol>li strong {font-size: 6em}
	
.page-id-12 .myindex-4 {margin: 80px 0}
.page-id-12 .myindex-4 .art-inner {color: white; padding:100px 0 100px 55%}

.col-left .art-inner {padding-right: 15px}
.col-right .art-inner {padding-left: 15px}
	
	
.art-inner ol.aac>li:first-child {display: inline-block; vertical-align: middle; font-size: 2rem; margin-bottom: 0}
.art-inner ol.aac>li img {height:100px; }
	

	
.art-ft>ol>li {display: inline-block; vertical-align: middle}
.art-ft>ol>li:nth-child(2) {width: calc(100% - 276px)}
.contactinfo ol>li {display: inline-block; vertical-align: middle; margin: 0 10px; font-size: 1rem;}

.contactinfo ol>li:nth-child(2) {margin:  0 15px}
	
.sec-pf { margin-top: 100px }
.art-pf h2 {letter-spacing: 4px}
.art-pf {padding: 100px 0 60px 50%; }
	
.art-inner ol.serviceslinkswrapper {margin: -200px -15px 0}
.art-inner ol.serviceslinkswrapper>li {font-size: 1.2rem; margin-bottom: 0; padding: 0 15px}
.stitle {padding: 20px 30px}
	

.page-id-16 .myindex-2 .art-inner {position: relative; padding-left: 39%}
.page-id-16 .myindex-2 .art-inner h2, .page-id-16 .myindex-2 .art-inner h3 {margin: 0; position: absolute; max-width: calc(39% - 30px); left:0; top:50%; transform: translateY(-50%)}
.page-id-16 .myindex-2 .art-inner ul {column-count: 2; margin: 0}

	
.page-id-18 .myindex-2 .art-inner {position: relative; padding-right: 50%}
.page-id-18 .myindex-2 .art-inner p {margin: 0; position: absolute; max-width: calc(50% - 100px); right:0; top:50%; transform: translateY(-50%)}
	
.page-id-20 .myindex-2 .art-inner {position: relative; padding-left: 40%}
.page-id-20 .myindex-2 .art-inner h2 {margin: 0; position: absolute; max-width: calc(40% - 30px); left:0; top:50%; transform: translateY(-50%)}

	
.parent-pageid-14 .hasbk {margin: 80px 0; padding: 100px 0 }
	
.page-id-18 .myindex-3 .col-left .art-inner {margin-right: -200px}
.page-id-18 .myindex-3 .col-right .art-inner {margin-left: 150px}
.page-id-18 .myindex-3 .col-right .art-inner p {margin: 0 0 -135px}
.page-id-18 .myindex-3 .col-right .art-inner p img {width: 400px}
	
.page-id-20 .myindex-2 {margin-bottom: -100px !important}
	
.parent-pageid-14 .myindex-1 {position: relative; background-size: 0 0}
.parent-pageid-14 .myindex-1::after {content: ""; display: block; width: 50%; top:-100px; right: 0; bottom: 100px; z-index: -1; position: absolute; background: url("img/graphic_pattern_01.webp") 50% 50% no-repeat; background-size: contain}

.page-id-24 .myindex-3 .art-inner>ol>li { flex-basis: 20%; }
	
.page-id-24 .myindex-4 .art-inner { padding: 150px 0;font-size: 1.75em}
	
	
.page-id-24 .myindex-5  {background-size: 0 0; position: relative}
.page-id-24 .myindex-5::after {content: ""; display: block; position: absolute; z-index: -1;  top:0; left:0; width: 50%; bottom: 0; background: url("img/graphic_pattern_01.webp") 50% 50% no-repeat; background-size: contain}
.page-id-24 .myindex-5 .col-left .art-inner {margin:-100px -100px 0 0}
.page-id-24 .myindex-5 .col-left .art-inner p {margin: 0}
.page-id-24 .myindex-5 .col-right .art-inner {margin-left: 50px}
	
	
.page-id-24 .myindex-6 .art-inner {margin-top: 0}
	
body .quform-button-submit-default>button {width: 320px}
	
.page-id-26 .myindex-1 .art-inner>ol>li {font-size: 1.25rem; display: inline-block; vertical-align: middle; width: 33.333333%}
.page-id-26 .myindex-1 .art-inner>ol>li:nth-child(2) {position: relative; border-top-width: 0; border-bottom-width: 0; margin: 0}
.page-id-26 .myindex-1 .art-inner>ol>li:nth-child(2)::before, .page-id-26 .myindex-1 .art-inner>ol>li:nth-child(2)::after {content: ""; display: block; width: 0; border-left:1px solid #707070; height: 100%; position: absolute; top:0; }
.page-id-26 .myindex-1 .art-inner>ol>li:nth-child(2)::before {left:12%}
.page-id-26 .myindex-1 .art-inner>ol>li:nth-child(2)::after {right:12%}
.page-id-26 .myindex-1 .art-inner>ol>li a::before {margin-right: 10px}
	
.page-id-26 .myindex-2 {padding-bottom: 100px}
.page-id-26 .myindex-2 .row {position: relative; top:-100px }
.page-id-26 .myindex-2 .row::after {content: ""; display: block; width: 50%; height: 100%; position: absolute; z-index: 0; background: url("img/banner_contact03.webp") 50% 50% no-repeat; background-size:cover}
.page-id-26 .myindex-2 .row>* {z-index: 2}
.page-id-26 .myindex-2 .col-left .art-inner {background-size:  0 0; margin-top: 0; margin-right: 100px}
.page-id-26 .myindex-2 .col-right .art-inner {margin-left: -100px; padding: 30px 80px;}
	
#counter {display: block}
.closemodal {top:15px;}
	
.owl-nav>button>span {width: 48px; height: 48px; }
.owl-nav>button.owl-prev>span {left:30px}
.owl-nav>button.owl-next>span {right:30px}
	
.page-id-10 .myindex-3 {padding: 100px 0 200px; background-position: 50% 75% }
.page-id-10 .myindex-3 h2 {margin-top: 0}
	
.page-id-10 .myindex-1 {padding-bottom: 250px}

.page-id-10 .myindex-5 {padding: 100px 0}
.page-id-10 .myindex-5 .art-inner ol.aac {text-align: left}
.page-id-10 .myindex-5 .art-inner ol.aac:first-of-type>li:first-child {display: block; padding-bottom: 30px}
.page-id-10 .myindex-5 .art-inner {position: relative}
img.wp-image-167 {position: absolute; top:-120px; right: 0; width: 520px}
	
.page-id-10 .myindex-6 {padding: 50px 0}
.page-id-10 .myindex-6 .col-left .art-inner {margin: 0 120px 0 0}	
.page-id-10 .myindex-6 .col-right .art-inner {margin:0 0 0 -150px; padding-right: 200px; position: relative; }
img.wp-image-170 {position: absolute; bottom: -80px; right: -220px; width: 450px}

.page-id-10 .myindex-7 {padding-top: 80px}
.page-id-10 .myindex-7 .art-inner h2 {letter-spacing: 5px}
.page-id-10 .myindex-7 .art-inner>p:last-of-type {margin-top: -100px}
	
.fig-prosldstage .owl-nav {width: 60%}
	
.page-id-16 .myindex-3 .col-right .art-inner {padding-left: 0}
.page-id-16 .myindex-3 .col-right .art-inner h2 {margin-top: -15px}
	
.page-id-10 .myindex-4 {padding: 100px 0;}
	
.sec-pf::before {width: 45%;}
.art-pf {padding: 100px 0 60px 30%; }
	
	
ol.mycats>li {font-size: 2rem; padding: 15px 30px;  width: calc(33.3333% - 30px); margin: 0 15px;}
	
}/*992px closed*/

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	
.dcmnavbar .dropdown-menu {padding: 5px 0 0 15px;}
.navbar-expand-lg.dcmnavbar .navbar-nav .nav-link{padding: 10px 35px}

.col-left .art-inner {padding-right: 50px}
.col-right .art-inner {padding-left: 50px}
	
.art-inner ol.aac>li:first-child {font-size: 2.25rem}
.art-inner ol.aac>li {margin: 0 15px !important; }
	
.page-id-10 .art-inner ol.aac>li {margin: 0 20px !important}
	
.art-ft>ol>li:last-child {position: relative}
.art-ft>ol>li:last-child::before {content: ""; display: block; width: 0; border-left: 1px solid #535353; position: absolute; height:60px; left:-20px; top:50%; margin-top: -30px;}
	
.contactinfo ol>li {font-size: 1.2rem}
.contactinfo ol>li:nth-child(2) {margin:  0 15px}
	
.page-id-24 .myindex-1 .col-left .art-inner {margin-right: 60px}
.page-id-24 .myindex-1 .col-right .art-inner {margin-left: -60px}
	
.page-id-24 .myindex-2 .col-left .art-inner {}
.page-id-24 .myindex-2 .col-right .art-inner {margin-left: -60px}
	
.page-id-26 .myindex-1 .art-inner>ol>li {font-size: 1.5rem}
.page-id-26 .myindex-1 .art-inner>ol>li a::before {margin-right: 5px; width: 48px; height: 48px;}
	

.page-id-10 .myindex-1 .col-left .art-inner {margin-right: 100px}
.page-id-10 .myindex-1 .col-right .art-inner {margin-left: -100px}

	
.page-id-10 .myindex-3 .col-left .art-inner {margin-right: 90px}
.page-id-10 .myindex-3 .col-right .art-inner {margin-left: -90px}
	
img.wp-image-167 {right: -60px; width: 540px}
	
.page-id-10 .myindex-7 .art-inner>p:last-of-type {margin-top: -120px}
	
.page-id-10 .myindex-1 .col-left .art-inner {margin-right: -15px}
.page-id-10 .myindex-1 .col-right .art-inner {margin: -100px -150px 0 0; position: relative; z-index: 5}
	
.page-id-10 .myindex-6 .row {position: relative}
.page-id-10 .myindex-6 .row::after {content: ""; display: block; width: 0; border-left: 1px solid white; opacity: .5; position: absolute; top:30px; bottom: 30px; left:37%}
	
.art-proimg {padding-bottom: 70%; }
.page-id-24 .myindex-4 .art-inner {font-size: 2.25em}

} /*1200px closed*/

/*Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
	
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1080px;}
.dcmnavbar .dropdown-menu {padding: 5px 0 0 30px;}
.navbar-expand-lg.dcmnavbar .navbar-nav .nav-link{padding: 10px 50px}
	
.art-ft {margin: 0 -100px}
.contactinfo ol>li a::before {width: 42px; height: 42px}
.contactinfo ol>li {font-size: 1.4rem; margin: 0 30px}
.art-ft>ol>li:last-child::before {left:-20px;}
	

} /*1400px closed*/

@media (min-width: 1680px) { 
	
.sec-pf::before {width: 50%;}
	
}