/** Form styles **/
input[type=submit] {background-color: #000000; font-size:16px; border-radius: 4px; border: none; color: #ffffff; padding: 16px 32px; text-decoration: none; margin: 4px 2px; cursor: pointer;} .comm-field{font-size:16px; background:transparent; width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}

.accordion-details ul {margin-left: -27px; margin-bottom: 20px;}
.accordion-details ul li {font-size:14px; list-style-type: disc;}

.header-style-1{padding-top: 16px !important;}
.single-blog-post{margin: 0px auto 0px auto; width: 60% !important; padding: 0px !important; float: none !important;}
.desktop-home-logo{width:120px !important;}
.desktop-sitewide-logo{width:220px !important;}
.seamless-img{width: 600px!important; height: 600px !important;}
.seamless{} .seamless p{} .seamless p a{color: #000; text-decoration: underline !important;} p a:hover{color: #000; text-decoration: underline !important;}

input [type=text] {font-size:30px; width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box  !important;}
input[type=submit];{width: 100%; background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer  !important;}
input[type=submit]:hover;{background-color: #45a049  !important;}
.output2{padding: 10px; background-color: #f44336; color: white;}
ul.policy-bullet {margin-left: 0px; margin-top: 10px;}
ul.policy-bullet li{list-style: none; font-size: 16px; line-height: 22px; color: #000;}
ul.policy-bullet li a{text-decoration: underline; color: #000;}
ul.policy-bullet li::before {content: "\2022"; display: inline-block; width: 1em; margin-left: -1em; color: #000;}

/** Remove Padding **/
.page-porto, single-porto-inner-wrap {padding-top:0px;}
.contact-wrap{padding-top:10px;}
.testimonial-block{padding-top:0px;}

.testimonial-content{float:left; width:30%; padding:15px  !important;}
.quote-copy-black{color:#000;}
.quote-btn-black{font-size:16px; color:#000;}
.footer-top .textwidget p a{color: #ffffff;} 
.footer-top .textwidget p a:hover{color: #f7c51e;}
.social-footer ul{display:flex;margin-left: -43px;}
li.soc-icon a{color:#ffffff;}
li.soc-icon a:hover{color:#f7c51e;}
li.soc-icon {font-size: 24px; margin-right: 15px;}
.copyright-text a{color:#ffffff;}
.copyright-text a:hover{color:#f7c51e;}
.footer-top .textwidget p a{color: #ffffff;}
.footer-top .textwidget p a:hover{color: #f7c51e;}

.gallery-item{cursor:pointer;}
.gallery-item-25{width:23.5% !important; float:left; margin-bottom:10px !important; margin:5px !important; cursor:pointer;}
.gallery-img-nopad{margin:0px !important;}
ul.materials{padding-left:0px  !important; margin-top:0px  !important;}
ul.materials li{list-style: none; font-size: 16px; line-height: 22px; color: #888888; font-weight:600;}
ul.materials li::before {display: inline-block; width: 1em; margin-left: -1em; color: #9D2235;}

.contact-bar{width:100%; background-color:#f7c51e; padding: 10px 0px 10px 0px; text-align:center; margin-top:0px; color: #000 !important; font-size: 16px;}

/* Services */
.stag-services-container {display: flex; flex-direction: row; flex-wrap: wrap; margin: 50px 0px 0px 0px;}
.stag-services-container > div {width: 23.333%; float: none; margin: 0px 2% 32px 0px;}
.stag-services-container h2{font-size:18px; color: #000000; display: block; margin-bottom: 5px;}
.stag-services-container span{border-bottom-style: solid; border-width: 2px; border-color: #f7c51e; width: 100px; display: block; margin-bottom: 15px;}
.ser-normar2{}
.ser-normar4{margin-right: 0px !important;}
.services-wrapper{width: 100%; float: left; margin-bottom: 50px;}
.services-wrapper-r{width: 35%; float: right;}
.services-wrapper-l{width: 60%; float: left;}
.gal-ser{width: 45.5% !important; float: left; margin-bottom: 10px !important; margin: 5px !important; cursor: pointer;}


/* Sectors */
.accordion-wrapper{width:60%; float: left; margin: 0px 0px 40px 0px; display: block;}
.sector-wrap{width:100%; float: left; margin: 40px 0px 40px 0px;}
/* Copy left, gallery right */
.sector-txt-left{width:60%; float: left;}
.sector-img-right{width:35%; float: right;}
/* Copy right, gallery left */
.sector-txt-right{width:60%; float: right; margin: 0px 0px 0px 0px;}
.sector-txt-right p a{text-decoration: underline; color: #000;}
.sector-txt-right p a:hover{text-decoration: underline; color: #000;}
.sector-img-left{width:35%; float: left;}

/* New builds */
.gallery-three-container{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 0px;}
.gallery-three-grid-item {padding: 0px; box-sizing: border-box;}
.gallery-three-main-img{margin: 24px 0px 24px 0px;}

.new-build-container{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 24px; background-color: #f1f1f1; padding: 24px;}
.new-build-grid-item {padding: 0px; box-sizing: border-box;}
.new-build-grid-item h3 {font-size: 18px; color: #000000; display: block; margin-bottom: 5px;}
.new-build-grid-item span {border-bottom-style: solid; border-width: 2px; border-color: #f7c51e; width: 100px; display: block; margin-bottom: 15px;}
.new-build-img {margin-bottom: 16px;}


/* Testimonial */
.fa-star:before{content: "\f005"; color: #f7c51e; margin: 2px;}	
.testimonial-name{font-size: 14px; color: #FFF; width: 100%; display: inline-block;}
.testimonial-slider q {display: inline-block; text-shadow: 0 5px 10px rgba(0,0,0,.1); max-width: 70%; font-size: 18px; line-height: 24px; color: #FFF;}
.testimonial-slider .source {margin-top: 25px; color: #000000; font-size: 16px;}
.testimonial-slider {display: block; height: auto; background-color: #262626; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #FFF; border-top-style: solid; border-top-width: 1px; border-top-color: #FFF; padding: 24px; text-align: center;}
.testimonial-slider ul.slider {display: block; list-style: none; padding: 0; position: relative; display: inline-block; width: 100%; height: 200px; overflow: hidden; margin: 0 auto;}
.testimonial-slider ul.slider li {position: absolute; display: block; width: 100%; opacity: 0; margin: 0 auto;}
.testimonial-slider ul.slider li:nth-child(1) {opacity: 1;

    -webkit-animation: fade-animation-1 25s infinite;
            animation: fade-animation-1 25s infinite;
}
.testimonial-slider ul.slider li:nth-child(2) {
    -webkit-animation: fade-animation-2 25s infinite;
            animation: fade-animation-2 25s infinite;
}
.testimonial-slider ul.slider li:nth-child(3) {
    -webkit-animation: fade-animation-3 25s infinite;
            animation: fade-animation-3 25s infinite;
}
.testimonial-slider ul.slider li:nth-child(4) {
    -webkit-animation: fade-animation-4 25s infinite;
            animation: fade-animation-4 25s infinite;
}
/* KEYFRAME DECLARATIONS */
@keyframes fade-animation-1 {
    0%, 25%, 100% {
        opacity:0
    }
    3%, 22% {
        opacity: 1;
    }
}
@keyframes fade-animation-2 {
    0%, 25%, 50%, 100% {
        opacity:0
    }
    28%, 47% {
        opacity: 1;
    }
}
@keyframes fade-animation-3 {
    0%, 50%, 75%, 100% {
        opacity:0
    }
    53%, 72% {
        opacity: 1;
    }
}
@keyframes fade-animation-4 {
    0%, 75%, 100% {
        opacity:0
    }
    78%, 97% {
        opacity: 1;
    }
}

@-webkit-keyframes fade-animation-1 {
    0%, 25%, 100% {
        opacity:0
    }
    3%, 22% {
        opacity: 1;
    }
}
@-webkit-keyframes fade-animation-2 {
    0%, 25%, 50%, 100% {
        opacity:0
    }
    28%, 47% {
        opacity: 1;
    }
}
@-webkit-keyframes fade-animation-3 {
    0%, 50%, 75%, 100% {
        opacity:0
    }
    53%, 72% {
        opacity: 1;
    }
}
@-webkit-keyframes fade-animation-4 {
    0%, 75%, 100% {
        opacity:0
    }
    78%, 97% {
        opacity: 1;
    }
}



.accordion {margin: 0px 0px 48px 0px; padding: 0; list-style: none;}
.accordion-item {border-bottom: 1px solid #e6e6e6;}
/** Accordion thumb **/
.accordion-thumb {font-size: 20px; margin: 0; padding: 12px 0px 12px 0px; cursor: pointer; text-transform: none;
&::before {content: ''; float: right; display: inline-block; height: 9px; width: 9px; margin-right: 1rem; margin-left: .5rem; margin-top: .4rem; vertical-align: middle; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg); transition: transform .2s ease-out;}}	
/** Accordion panel **/
.accordion-panel {margin: 0px 16px -7px 0px; display: none;}
.accordion-details{display: block; margin: 0px 0px 0px 0px;}
.accordion-details p {color: #000; font-size: 14px; font-weight: 300; text-transform: none;}
.accordion-details p a {text-decoration: underline; color: #000;}
.accordion-details p a:hover {text-decoration: underline; color: #757575;}
.accordion-details h3 {font-weight: 700; font-size: 14px; text-transform: none; color: #000;}
/** Accordion panel active **/
.accordion-item.is-active {.accordion-thumb::before {transform: rotate(-135deg);}}


@media only screen and (max-width:1200px) {
.gallery-item-25{width:47.5% !important; float:left; margin-bottom:10px !important; margin:5px !important; cursor:pointer;}
.testimonial-content{width:45%; padding:13px !important;}
.header-alt a.menu-link {font-size: 14px;}
.header-style-1 a.menu-link {font-size: 14px;}
}

@media only screen and (max-width:767px) {
.new-build-container{display: grid; grid-template-columns: repeat(1, 1fr); gap: 48px; margin-bottom: 24px; padding: 24px;}
.seamless-img{width: 100%px!important; height: auto !important;}
.single-blog-post{width: 100% !important;}
.testimonial-content{float:none; width:100%; margin-bottom: 40px; padding:0px !important;}
.header-content-right {padding-top: 130px !important;}
.blog-loop .blog-item {float:none; width: 100%; padding: 0px 0% 0px 0%;}
.stag-services-container {display: flex; flex-direction: row;}
.stag-services-container > div {width: 48%; margin: 0px 4% 30px 0px; float: left;}
.stag-services-container h2{font-size:15px;}
.ser-normar2{margin-right: 0px !important;}
.ser-normar4{margin-right: 0px !important;}
.services-wrapper-r{width: 100%; float: left;}
.services-wrapper-l{width: 100%; float: left;}
.accordion-wrapper{width:100%; float: left;}
.sector-txt-left{width:100%; float: left;}
.sector-img-right{width:100%; float: right;}
.sector-txt-right{width:100%; float: right; margin: 0px 0px 40px 0px;}
.sector-img-left{width:100%; float: left;}
.gallery-three-container{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding: 0px;}
}

@media only screen and (max-width:375px) {
.single-blog-post{width: 100% !important;}
.testimonial-content{float:none; width:100%; margin-bottom: 40px; padding:0px !important;}
.gallery-item-25{width:46.5% !important; float:left; margin-bottom:10px !important; margin:5px !important; cursor:pointer;}
.project-detail-title{font-size:2em !important;}
.desktop-home-logo{width:70px !important ;}
.desktop-sitewide-logo{width:160px !important;}
.contact-bar{font-size:14px;}
.blog-loop .blog-item {float:none; width: 100%; padding: 0px 0% 0px 0%;}
.image-title h1 {font-size: 3.5rem; line-height: 1.3em;}
.testimonial-slider q {max-width: 98%; font-size: 14px; line-height: 18px;}
.new-build-container{display: grid; grid-template-columns: repeat(1, 1fr); gap: 48px; margin-bottom: 24px; padding: 24px;}
}

/* End */