/**
 * Content
 */

.spacer{
	position: relative !important;
    height: 130px;
}
body.scrolled-3 #navbar {
    transform: translateY(-150px);
}

#navbar{
	position: fixed;
    top: 0px;
    z-index: 9999999999999;
    background: white;
}

[data-set-id="9389417"] .thumbnails{
	
    display: none !important;
}

[data-set-id="9389417"] .spacer{
	display: none !important;
}
[data-set-id="9389417"] #navbar{
	background: transparent;
}

[data-set-id="9389417"].scrolled-2 #navbar {
	background: white;
}

[data-set-id="9389417"].scrolled-2 .menu-icon {
	background-image: url("https://files.cargocollective.com/c503060/MENU-BLUE.svg");;
}

.scrolled-2 #navbar .logo {
		background-image: url("https://files.cargocollective.com/c503060/MW-CARPENTRY-LOGO.svg");

}

[data-set-id="9389417"].scrolled-2 .nav a{
	color: #1f3460 !important;
        border-right:2px solid #1f3460;

}


[data-set-id="9389417"].scrolled-2 .nav:before{
		background: #1f3460 !important;

}

[data-set-id="9389417"].scrolled-2 .nav:after{
		background: #1f3460 !important;

}

[data-set-id="9389417"].scrolled-2 .left-border{
			background: #1f3460 !important;

}


[data-set-id="9389417"].scrolled-2 .right-border{
			background: #1f3460 !important;

}




.case-right b{
    width: 100%;
    display: inline-block;
	margin-bottom: 10px !important;
}

.contact-inner a{
	color: white !important;
}

#toolset{
	
    display: none !important;
}

a:hover{
    opacity: 0.8;
	
}

.menu-icon:hover{
	    opacity: 0.8;

}

.menu-icon{
    height: 40px;
    width: 40px;
    background-size: contain;
	background-image: url("https://files.cargocollective.com/c503060/MENU-BLUE.svg");;
}

[data-page-id="9389417"] .menu-icon{

	background-image: url("https://files.cargocollective.com/c503060/MENU-WHITE.svg");;
}

::-webkit-scrollbar {
    display: none
}
#menu span{
    font-size: 16px !important;
    cursor: pointer;
    position: absolute;
    left:-59px;
    color: white;
	display: inline-block;
    
}


#nav-3{
    height: 91vh;
	display: flex;
    text-align: center;
    align-content: center;
    flex-direction: column;
    justify-content: space-around;
}

#nav-3 li{
    text-align: center;
	list-style: none;
}

#close {
    position: absolute;
    right: 28px;
    top: 0px;
}

#close a{
	
    border-bottom: 0px !important;
}

#close a:after{
	
    border-bottom: 0px !important;
}
#icon-close:hover {
    opacity: 0.7;
}
#icon-close {
    background-size: contain;
    width: 40px;
    height: 40px;
    background-image: url("https://files.cargocollective.com/c503060/MENU-CLOSE.svg");
}

#mobile-slide{
    visibility: hidden;
    display: none;
    padding:0px;
    z-index: 99999999999;;
    right:0px;
    position: fixed;
       background: rgba(31, 52, 96, 0.9);
    height: 100vh;
    width:100%;
}

#mobile-slide a{
    font-size: 22px;
    letter-spacing: 2px;
        font-family: stevie-sans, sans-serif;
text-transform: uppercase;
    font-weight: 600;
        text-decoration: none ;
    margin: 30px 0px;
    color:#fff !important;
    margin-bottom: 0px;
    display: block;
}


#mobile-slide li:nth-child(-n+4) a:after{
	display: block;
    position: relative;
    margin: 30px auto;
    width:40px;
    content: "";
        border-bottom: 2px solid white;

}



#menu{
    cursor: pointer;
    margin-top: 0px;
    position: absolute;
    right:28px;
    line-height: 20px;
    color: white;
    display: none;}

#menu a{
    cursor: pointer;
    font-size: 33px;
}





.case-right{
	line-height: 32px;
}



.case-right li{
	margin-left: 20px;
    font-size: 16px !important;
}

.case-study{
	line-height: 0px;
}

.case-study-nav{
    background: #1f3460;
	display: flex;
    padding:  30px;
        color: white !important;

    justify-content: space-between;
}

.case-study-nav small{
    color: white !important;
    position: relative;
	font-size: 21px !important;
}


.contact-cols{
	display: flex;
}

.contact-col-left{
    width: 50%;
    position: relative;
	
}

.next small{
	margin-left: 10px;;
}

.previous small{
	margin-right: 10px;;
}

#map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    float: left;
}

.contact-col-right{
	width:50%;
    position: relative;
    overflow: auto;
    height: 100vh;
    padding: 80px;;
    color: white;
    background: #1f3460;
    background-image: url("https://files.cargocollective.com/c503060/BLUE-BACK.svg");
    background-size: cover;
}


.contact-col-right span{
	 font-size: 16px;
    font-weight: 600;;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    letter-spacing: 1px;
	color: #a7aebd !important;
        font-family: stevie-sans, sans-serif;
}
.contact-col-right .butt{
	min-width: 130px;
    
    text-align: center;
    margin-right: 30px;
    margin-left: 8px;;
}

.contact-inner{
	position: relative;
}





.gallery{
	padding: 40px;;
}

.header-title{
    font-size: 24px;
    padding: 30px;;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;;
    text-align: center;
	background: #ecebec;
}

.case-title{
    color: white;
    font-size: 24px;
    padding: 30px 30px 0px 30px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;;
    text-align: center;
    background:  #1f3460;
}

.call-to-action{
    background-image: url("https://files.cargocollective.com/c503060/BLUE-MM-BACK-v3.svg");
    margin: 0px auto;
    background-position: center;
    background-size: cover;
    background-repeat: repeat;
    padding: 100px 40px;
}
.call-to-action p{
	
    max-width: 800px;
    margin: 0px auto;;
}

.services-col{
	color: white;
    max-width: 800px;
    margin: 80px auto;
    font-size: 16px;
    width: -moz-calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
    
}
.services-col p{
    max-width: 80%;
    line-height:26px;
    margin: 20px auto 0px auto;
	text-align: center;
}
.services-col h1{
    text-align: center;
    letter-spacing: 2px;
    font-size: 24px !important;
    line-height: 24px !important;
	color: white !important;
}
.left-col{
        vertical-align: top;

	display: inline-block;
    width:49%;
    padding-right: 4px;
}


.services-col li{
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding:10px 15px;
    margin-bottom: 12px;
    background: #374a6f;
	list-style: none;
}
.right-col{
	display: inline-block;
    width:50%;
    padding-left: 3px;;
}

.title{
margin-top: 40px;
}

.title h2{
	padding: 40px 25px 0px 25px !important;
        font-size: 24px !important;

}

.follow{
	margin: 80px auto;
    max-width: 830px;
    padding: 0px 40px;
    text-align: center;
    
}

.follow h3{
    font-size: 36px;
    padding: 0px 40px;
    line-height: 40px;
	text-transform: uppercase;
}

.follow .butt{
    min-width: 130px;
	margin: 0px 30px 20px 30px;
}

.single-col{
    padding: 80px 30px;
    max-width: 800px;
    margin: 0px auto;;
    text-align: center;
	color: white;
}

.single-col h2{
	color: #8f9aaf !important;
}

.single-col .butt{
	color: #a7aebd !important;
}

.single-col .butt a{
	
	color: #a7aebd !important;
}

.text-block{
	padding: 80px;
}

.text-block h2{
	
    color: white !important;
}

[data-set-id="9550876"] .text-block{
	background-size: cover;
    min-height: 50vh;
    background-position: center;
    background-image: url("https://files.cargocollective.com/c503060/mm-back-grey.svg");
}

[data-set-id="9551856"] .text-block{
	background-size: cover;
    min-height: 50vh;
    background-position: center;
    background-image: url("https://files.cargocollective.com/c503060/GREY-MM-BACK.svg");
}

[data-set-id="9551856"] h2{
	color: #8f9aaf !important;
}



.test-slider{
	position: relative;
	margin: 40px auto 80px auto;
    border-radius: 0px 3px 0px 3px;
    padding: 80px 50px ;
    border-left:4px solid #ffc978;
    max-width: 800px;
        border-right:4px solid #ffc978;
width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);


}

.test-slider:before{
    position: absolute;
    content: "";
      content: '';
    display: block;
    width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
    height: 3px;
    border-radius: 6px;
    background: #ffc978;
    position: absolute;
    top: 0;
    left: -3px;
	
}

.test-slider:after{
    position: absolute;
    content: "";
      content: '';
    display: block;
    width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
    height: 3px;
    border-radius: 6px;
    background: #ffc978;
    position: absolute;
    bottom: 0;
    left: 44px;
	
}

.test-slider .image-gallery .gallery_card{
	
    height: auto !important;
}
.test-slider img{
    display: none !important;
}

.test span{
    color: #8f9aaf;
    text-transform: uppercase;
	display: block;
    letter-spacing: 2px;
    margin-top: 30px;
    font-size: 14px;;
    font-weight: 600;
}
[image-gallery=slideshow] .gallery_image_caption{
	
    height: auto !important;
}
    


.arrow{
	width:40px;
    position: absolute;
    bottom: 50px;
    left:0px;
    right: 0px;;
    margin: 0px auto;
    text-align: center;
    height: 40px;
    background-image: url("https://files.cargocollective.com/c503060/arrow.svg");;
}

.follow-module{
    text-align: center;
	margin: 0px auto;
        max-width: 500px;

    width: -moz-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
}

.insta-feed{
    background: grey;
    height: 140px;;
}

.follow-module h3{
	font-size: 24px;;
    text-transform: uppercase;
}

.follow-module .butt{
	min-width:130px;
    margin: 0px 30px 20px 30px;
}



.butt{
    text-transform: uppercase;
    margin-top: 30px;;
    padding: 10px 15px 9px 15px;
    font-size: 14px;
    position: relative;
    letter-spacing: 1px;
	color: #a7aebd !important;
        font-family: stevie-sans, sans-serif;
font-weight: 700;
    display: inline-block;
}

.call-to-action .butt{
	
    color: white !important;
}

.contact .butt{
	margin-left: 8px;
}

.call-to-action .butt:before{
background: white !important;
}

.call-to-action .butt:after{
background: white !important;
}

.call-to-action .butt .border-left{
    background: white}
.call-to-action .butt .border-right{
    background: white}

.butt:before{
    position: absolute;
    content: "";
      content: '';
    display: block;
    width:100%;
    height: 2px;
    border-radius: 6px;
    background: #a7aebd;
    position: absolute;
    top: 0;
    left: -5px;
	
}

.call-to-action .butt a{
	color: white;
}

.butt:after{
    position: absolute;
    content: "";
      content: '';
    display: block;
        width:100%;

    height: 2px;
    border-radius: 6px;
    background: #a7aebd;
    position: absolute;
    bottom: 0;
    left: 5px;
	
}

.butt .border-left{
	width: 2px;
    height: 100%;
    position: absolute;
    background: #a7aebd;
    left: -5px;
    top: 0px;
    border-radius: 6px;
}

.butt .border-right{
	width: 2px;
    height: 100%;
    position: absolute;
    background: #a7aebd;
    right: -5px;
    top: 0px;
    border-radius: 6px;
}

.contact{
    max-width: 600px;
    margin: 0px auto;;
	padding: 50px;;
}

.footer-logo{
    width: 76px;
    height: 40px;
    margin: 0px auto;
	background-image: url("https://files.cargocollective.com/c503060/MM-footer-logo.svg");
    
}

.footer{
    font-size: 14px;
    text-transform: uppercase;;
	background: #ecebec;
    border-bottom: 20px solid #1f3460;
}
.footer-inner{
	padding: 50px;;
    display: flex;
}
.col-one{
	
    width:40%;
    
}

.col-two{
	text-align: center;
    width:20%;
    display: flex;
    align-content: center;
    align-items: center;
    
}

.col-three{
	    width:40%;
text-align: right;
    
}

.section{
	height: 50vh;
    min-height: 550px;;
    width:100%;
    align-items: center;
    display: flex;
}

.decking{
    position: relative;
    height: 100%;
	background-size: cover;
    background-image: url("https://freight.cargo.site/t/original/i/732919f44c5c41ae4ef8454944feffad52d0ee014bc149c89665ffb503f500f2/loft-conversions.JPG");
}

.window{
    position: relative;
    height: 100%;
background-position: center;
    background-size: cover;
    background-image: url("https://freight.cargo.site/t/original/i/8e2a2a6bb1e5d0cdd9837b69dfec7b4cbc6780594229d3aed8eed9d9df4a1e92/built-in-furniture.jpeg");
}

.truss{
    position: relative;
    height: 100%;
	background-size: cover;
    background-position: center;
    background-image: url("https://freight.cargo.site/t/original/i/f7802a1a0c72b9257b3bfa5e81b338eb682b5627066132d6179782f21c0bb0f7/Truss-roof.jpeg");
}



.textline{
    text-transform: uppercase;
    padding: 10px 20px;
    letter-spacing: 1.5px;
    font-size: 14px;;
	position: absolute;
    bottom: 0px;
        background: rgba(255, 255, 255, 0.8);

    width:50%;
    
}

.testimonial{
    max-width: 100%;
    min-height: 400px;
     height:   calc(50vh - 160px);
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-content: center;
    align-self: center;
    align-items: center;
    margin: 0px auto;;
    position: relative;
    width: -moz-calc(100% - 160px);
	width: -webkit-calc(100% - 160px);
	width: calc(100% - 160px);
    text-align: center;
    padding: 50px;
    line-height: 1.5;
    font-size: 1.5rem;
    color: #1f3460;
	
}

.testimonial:before{
    position: absolute;
    content: "";
      content: '';
    display: block;
    width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
    height: 4px;
    border-radius: 6px;
    background: #ffc978;
    position: absolute;
    top: 0;
    left: -5px;
	
}

.testimonial:after{
    position: absolute;
    content: "";
      content: '';
    display: block;
    width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
    height: 4px;
    border-radius: 6px;
    background: #ffc978;
    position: absolute;
    bottom: 0;
    left: 44px;
	
}

.border-left{
	width: 4px;
    height: 100%;
    position: absolute;
    background: #ffc978;
    left: -5px;
    top: 0px;
    border-radius: 6px;
}

.border-right{
	width: 4px;
    height: 100%;
    position: absolute;
    background: #ffc978;
    right: -5px;
    top: 0px;
    border-radius: 6px;
}

.testimonial span{
	font-family: stevie-sans, sans-serif;
	font-style: normal;
    text-transform: uppercase;
	font-weight: 700;
    display: block;
	padding: 0;
	margin: 30px 0px 0px 0px ;
	color: rgba(31, 52, 96, 0.49);
    letter-spacing: 2px;
	font-size: 14px;;
	line-height: 1.2;
	}

.col-left{
    width:100%;
  
}

.col-right{
    width:100%;
  
}

.section .col-right{
    width:50%;
    box-sizing: border-box;
  margin: 0px;
}

.section .col-left{
    width:50%;
  
}

.opposite .col-right{
	position: absolute;
    
}

.opposite .col-left{
    right:0px;
	position: absolute;
    
}

.button-two{
     text-transform: uppercase;
    padding: 10px 20px;
    letter-spacing: 1.5px;
    font-size: 14px;
    bottom: 0px;
    position: absolute;
    right: 0px; 
    width: 50%;
	color: white;
    background: #1f3460;
}

.button-two a{
	color: white !important;
}

.module{
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
    align-items: center;
    background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
    background-image: url("https://files.cargocollective.com/c503060/MM-BACK.svg");
}

.mod-inner{
	
    max-width: 600px;;
}
.bottom-bar{
	background: #1f3460;
    position: absolute;
    bottom: 0px;
    height: 20px;
    width: 100%;
}

.fade{
    height: 30vh;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.left-border{
	width: 2px;
    height: 100%;
    position: absolute;
    background: rgba(31, 52, 96, 1);
    left: -5px;
    top: 0px;
    border-radius: 6px;
}

.right-border{
	width: 2px;
    height: 100%;
    position: absolute;
    background: rgba(31, 52, 96, 1);
    right: -5px;
    top: 0px;
    border-radius: 6px;
}

.header{
      transition: all 0.5s;
	padding: 40px;
            position: fixed;
    width:100%;
  

}

.header-one{
      transition: all 0.5s;
	padding: 40px;
    z-index: 999999999999999;
            position: relative;
    width:100%;
  

}

.inner{
    justify-content: space-between;
	display: flex;
}

.nav{
        font-family: stevie-sans, sans-serif;
text-transform: uppercase;
    padding: 5px 0px 17px 5px;
    position: relative;
    line-height: 22px;
    height: 40px;
    letter-spacing: 1px;
	
}

.nav a{
    position: relative;
    border-right:2px solid rgba(31, 52, 96, 1);

    padding-right: 20px;
    top: 0px;
    padding-left: 13px;
    font-size: 14px;
    line-height: 0px;
    font-weight: 700 !important;
	color: #1f3460 !important;
}

.nav a:nth-child(6){
    border-right:0px !important ;
}
.nav:before{
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 6px;
    background: rgba(31, 52, 96, 1);
    position: absolute;
    top: 0;
    left: -5px;
	
}

.nav:after{
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 6px;
    background: rgba(31, 52, 96, 1);
    position: absolute;
    bottom: 0;
    left: 5px;
	
}

[data-set-id="9389417"] .nav:after{
        background: #fff;
}

[data-set-id="9389417"] .nav:before{
        background: #fff;
}

[data-set-id="9389417"] .nav a{
	color: #fff !important;
        border-right:2px solid white;

}

[data-set-id="9389417"] .left-border{
	    background: rgba(255, 255, 255,1);

}


[data-set-id="9389417"] .right-border{
	    background: rgba(255, 255, 255, 1);

}





.logo{
    width: 233px;
    background-repeat: no-repeat;
    height: 40px;;
	background-image: url("https://files.cargocollective.com/c503060/MW-CARPENTRY-LOGO.svg");
}

    [data-page-id="9389417"] .logo{

	background-image: url("https://files.cargocollective.com/c503060/MW-CARPENTRY-LOGO-WHITE.svg");
}

.thumbnail{
	margin-bottom: 0px !important;
}


[data-set-id="9389417"] [data-view="pinned_top"]{
	
    position: absolute;
    z-index: 9999;
}

body {
    font-family: stevie-sans, sans-serif;


	background-color: #fff;
	color: #000;
}

a:active {
	opacity: 0.7;
}

[data-view="pinned_top"]{
	z-index: 99999999 !important;
}
.page a.active {
	opacity: 1;

}

.nav a.active{
color:      rgba(31, 52, 96, 0.5) !important;

}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 0px;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(127, 127, 127, 0.2);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
    line-height: 0px;
    font-size: 0px;
	margin-bottom: 0px;
}

.gallery_image_caption {
 
    font-size: 24px;
	font-weight: 400;
	color: #1f3460;;
font-family: stevie-sans, sans-serif;
	font-style: normal;
	line-height: 1.3;	
}

/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 24px;;
	font-weight: 400;
	    color: #1f3460;

font-family: stevie-sans, sans-serif;
	font-style: normal;
	line-height: 1.3;
}

[data-predefined-style="true"] bodycopy a {
	color: rgba(31, 52, 96, 0.49);;
	padding-bottom: 0.1em;
	border-bottom: 0.0em solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {

}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
font-family: stevie-sans, sans-serif;
	font-style: normal;
	font-weight: 700;
	padding: 0;
	margin: 0;
    text-transform: uppercase;
	font-size: 48px;;
	line-height: 54px;
	color: #1f3460;
	}

[data-predefined-style="true"] h1 a {
	color: rgba(0, 0, 0, 0.85);
}

[data-predefined-style="true"] h2 {
font-family: stevie-sans, sans-serif;
	font-style: normal;
    text-transform: uppercase;
	font-weight: 700;
	padding: 0;
	margin: 0;
	color: #1f3460;
    letter-spacing: 2px;
	font-size: 14px;;
	line-height: 1.2;
	}

[data-predefined-style="true"] h2 a {
	color: rgba(0, 0, 0, 0.85);
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 14px;
	line-height: 1.3;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, 'Sans Serif', Icons;
	font-style: normal;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
}

[data-predefined-style="true"] small a {
	color: rgba(0, 0, 0, 1);
	border-bottom-width: 0em;
}

/**
 * Breakpoints
 */


[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: 0 /*!content_left*/;
	margin-right: auto /*!content_left*/;
	text-align: left /*!text_left*/;
}

[data-css-preset] body {
	background-color: rgb(255, 255, 255) /*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 100% /*!content_left*/;
}

[data-css-preset] .content_padding {
	padding-top: 0rem /*!main_margin*/;
	padding-bottom: 0rem /*!main_margin*/;
	padding-left: 0rem /*!main_margin*/;
	padding-right: 0rem /*!main_margin*/;
}


[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
    padding: 0px 0px 40px 0px;
    background:  #1f3460;

}

[data-css-preset] .thumbnails_width {
    width: 100%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 20px 20px 0px 20px /*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: 0px !important/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding:0px/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: 0px !important/*!thumbnails_padding*/;
}

.thumbnails .thumb_image {
	outline: 0px solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
text-transform: uppercase;
    font-size: 16px;
    margin: 20px 0px ;
    letter-spacing: 2px;
    font-weight: 600;
	color: rgba(255, 255, 255, 1);
    font-family: stevie-sans, sans-serif;
	font-style: normal;
	line-height: 1.1;
}

.thumbnails .tags {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.2;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
    color: rgba(0, 0, 0, 0.75);
    line-height: 1;
    font-size: 28px /*!site_menu_button*/;
    padding: 6px;
    line-height: 1;
    background: rgba(33, 32, 46, 0);
    position: fixed;
    top: 2rem /*!site_menu_button*/;
	right: 2rem /*!site_menu_button*/;
}

body.mobile #site_menu_button {
	margin: -6px;
    font-size: 34px;
}

#site_menu_button.custom_icon {
	width: 40px;
    height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	background: rgba(20, 20, 20, 0.95);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}

body.mobile #site_menu {
	width: 100%;
}

#site_menu .page-link a {
	color: rgba(255, 255, 255, 0.75);
}

#site_menu .set-link > a {
	color: rgba(255, 255, 255, 0.75);
	font-weight: bold;
}

#site_menu a:active {
	opacity: .7;
}

#site_menu a.active {
	opacity: .4;
}

#site_menu .close {
	display: none;
	color: rgba(255, 255, 255, 0.4);
	line-height: .85em;
	font-size: 45px;
}

body.mobile #site_menu .close {
	display: block;
	font-size: 50px;
	line-height: 1em;
}

#site_menu .break {
	height: 28px;
}

#site_menu .indent {
	margin-left: 28px;
}

/*
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(0, 0, 0, 0.85);
    background: transparent;
	font-size: 32px;
    font-style: normal;
	font-weight: 400;
    line-height: 1;
    position: fixed;
	padding: 6px;
	top: 2rem /*!shop_button*/;
	right: 2rem /*!shop_button*/;
}

#shop_button.text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 2rem;
    padding: 0;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
}

#shop_button.custom_icon {
	width: 40px;
    height: auto;
}

body.mobile #shop_button:not(.text) {
	margin: -6px;
    font-size: 36px;
}

/*
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
}

.shop_product .price {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 2rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.85);
    display: block;
    margin-bottom: 1rem;
}

.shop_product .dropdown {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-size: 1.4rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0,0,0,.2);
    background:  white url(https://static.cargo.site/assets/images/select-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 1rem;
}

.shop_product .button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 1.4rem;
    background: rgba(0, 0, 0, 0.7);
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem .9rem;
}

/*
 * Image Zoom
 */

.content img.image-zoom:active {
  opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(255, 255, 255, 0.95) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2rem 0;
    text-align: center;
    font-size: 1.8rem;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.4);
    color: white;
}


/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}


/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}



/*
 * Audio Player
 */

.audio-player {
    max-width: 36rem;
    height: 3.3rem;
    outline: 1px solid rgba(0,0,0,0.15);
    color: rgba(0, 0, 0, 0.6);
    background: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(0,0,0,0.15);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
    fill: rgba(0, 0, 0, 0.85);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(0,0,0,0.03);
}

.audio-player .progress {
    background: rgba(0,0,0,0.1);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}
@media only screen and (max-width : 1023px) {


.button-two{
     text-transform: uppercase;
    padding: 18px 20px;

    }
    
    .textline{
     text-transform: uppercase;
    padding: 18px 20px;

    }

}
@media only screen and (max-width : 980px) {
.section .col-right{
    width:100%;
    box-sizing: border-box;
  margin: 0px auto;
    padding: 1px;
}
    .spacer{
	position: relative !important;
    height: 80px;
}

.section .col-left{
    width:100%;
    display: block;
  
}
    
    .section{
	height: auto;
    min-height: 500px;;
    width:100%;
    align-items: center;
    display: block;
}
    
    .testimonial{
 padding: 40px;
    height: auto;
    margin: 50px auto;;
   font-size: 24px;
	
}
    
    .decking{
	
        height: 500px;;
}
    
    .truss{
	        height: 500px;;

}
    
     .window{
	        height: 500px;;

}
    .opposite .col-right{
	position: relative;
    
}

.opposite .col-left{
    right:0px;
	position: relative;
    
}
    .follow-module{
    text-align: center;
	margin: 50px auto;;
 
}
    .nav{
        display: none;
    
}
    .text-block{
	padding: 60px;
}
    .single-col{
    padding: 60px;
    text-align: left;
	color: white;
}
    [data-predefined-style="true"] bodycopy {
	font-size: 24px;;
	font-weight: 400;
	color: #1f3460;
    font-family: stevie-sans, sans-serif;
	font-style: normal;
	line-height: 1.3;
}
    .header{
	padding: 30px 40px;
}
       .header-one{
	padding: 20px 40px;
}
    
    .single-col .butt{
	margin-left: 6px;;
}
    .case-right{
        margin-top: 0px !important;
        padding: 20px 40px 60px 20px !important;
	line-height: 32px;
}
    [data-css-preset] .thumbnails {
    padding: 0px 0px 40px 0px;
    background:  #1f3460;

}
    .contact-cols{
    display: block;
}
    .contact-col-right{
	width:100%;
    position: relative;
    text-align: center;
    overflow: auto;
    height: auto;
    padding: 40px;;
    color: white;
    background: #1f3460;
    background-image: url("https://files.cargocollective.com/c503060/BLUE-BACK.svg");
    background-size: cover;
}
    .contact-col-right span{
	 font-size: 14px;
    font-weight: 600;;
   
}
    
.contact-col-left{
    width: 100%;
    height: 400px;
    position: relative;
	
}
#map {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0px;
    bottom: 0px;
    float: left;
}
    .footer-inner{
	padding: 40px;;
    display: flex;
}
#mobile-slide{
    visibility: visible;
}
    
    #menu{
	display: block;
}
    .module{
   
    padding: 40px;
   }
    [data-predefined-style="true"] h1 {
text-align: center;
	font-size: 48px;;
	line-height: 54px;

}
    .contact{
 text-align: center;
	padding: 80px;;
}
    .test-slider{
	  padding: 40px;
	margin: 40px auto 60px auto;
   width: -moz-calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 120px);


}
    .contact .butt{
        margin: 0px auto;
}
    
    .gallery_image_caption {
 
    font-size: 18px;
	font-weight: 400;
font-family: stevie-sans, sans-serif;
	font-style: normal;
	line-height: 1.3;	
}
    .follow h3{
    font-size: 25px;
    padding: 0px 40px;
    line-height: 30px;
	text-transform: uppercase;
}
    .follow{
	margin: 40px auto;
    max-width: 800px;
    padding: 0px 40px;
    text-align: center;
    
}
    
    .call-to-action{
  
    padding: 50px 60px;
}
    
    [data-view="pinned_top"]{
    z-index: 99999999 !important;
        height: 102px !important;
}
}

@media only screen and (max-width : 768px) {

[data-css-preset] .thumbnails {
    padding: 40px 20px 0px 20px;
    
    background:  #1f3460;

}
    .thumbnail{
        padding: 0px 20px !important;
        margin-left: 0px;
        margin-right: 0px;
        display: inline-block;
        width:49% !important;
	margin-bottom: 20px !important;
}
.case-right{
        margin-top: -30px !important;
        padding: 0px 40px 60px 60px !important;
	line-height: 32px;
}
}

@media only screen and (max-width : 600px) {
    
    #close {
 
    top: -10px;
}
    
     [data-view="pinned_top"]{
    z-index: 99999999 !important;
        height: 72px !important;
}
    [data-css-preset] .thumbnails {
    padding: 40px 20px;
    display: flex !important;
    
    background:  #1f3460;

}
    .thumbnail{
        padding: 0px 0px !important;
        margin-left: 0px;
        margin-right: 0px;
        display: inline-block;
        width:100% !important;
	margin-bottom: 20px !important;
}
        .follow{
	margin: 30px auto;
    max-width: 800px;
    padding: 0px 25px;
    text-align: center;
    
}
       .follow h3{
    font-size: 18px;
    padding: 0px 25px;
    line-height: 25px;
	text-transform: uppercase;
}
.logo{
    width: 177px;
    height: 30px;;
}
     .module{
    height: auto;
    padding: 40px 25px;
   }
       .decking{
	
        height: 300px;;
}
    
    .truss{
	        height: 300px;;

}
    
     .window{
	        height: 400px;;

}
    
    .testimonial{
 margin: 30px auto;
    font-size: 18px;
     padding: 30px;

    width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
    
}
    
    
    .follow-module{
    text-align: center;
	margin: 30px auto;
        width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
 
    }
    
    .follow-module h3{
	font-size: 18px;;
    text-transform: uppercase;
}
    
    .footer-inner{
	padding: 25px;;
    display: block;
}
.col-one{
	text-align: center;
    width:100%;
    
}

.col-two{
    margin: 30px auto;
	text-align: center;
    width:100%;
    display: block;
    align-content: center;
    align-items: center;
    
}

.col-three{
	    width:100%;
text-align: center;
    
}
    
        .contact{
	padding: 30px 25px;;
}
    .menu-icon{
	
        height: 30px;
        width:30px;;
}
    
       #icon-close{
	
        height: 30px;
        width:30px;;
}
    
    .text-block{
	padding: 30px 25px;
}
    [data-predefined-style="true"] h2 {

	font-size: 12px;;
	line-height: 1.2;

}
    .test-slider{
	  padding: 30px 25px;
	margin: 40px auto 40px auto;
   width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);


}
    .single-col{
    padding: 30px 25px;
    text-align: left;
	color: white;
}
    .right-col{
	display: inline-block;
    width:100%;
    padding-left: 0px;;
}
    
        .left-col{
            width:100%;
    }
    .services-col p{
    max-width: 100%;
    margin: 0px auto;
	text-align: center;
}

    .services-col{
 
    width: -moz-calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    
}
    
    .header-title{
    font-size: 18px;
    padding: 25px;;
   
}
    [data-css-preset] .thumbnails {
    padding: 30px 25px 0px 25px;
    background:  #1f3460;

}
    .gallery{
	padding: 25px;;
}
    .header{
	padding: 20px 25px;
}
    
       .header-one{
	padding: 20px 25px;
}
    .arrow{
	width:30px;
   
    height: 30px;
}
    .contact-col-right{
	
    padding: 30px 25px;;
   
}
    .spacer{
	position: relative !important;
    height: 70px;
}
    .case-right{
        margin-top: -30px !important;
        padding: 0px 25px 50px 40px !important;
	line-height: 32px;
}
    .follow-module .butt{
	display: inline-block;
        clear: both;
    
}
    .gallery_image_caption {
 
    font-size: 16px;
	font-weight: 400;
font-family: stevie-sans, sans-serif;
	font-style: normal;
	line-height: 1.3;	
}
    .test span{
    color: #8f9aaf;
    text-transform: uppercase;
	display: block;
    letter-spacing: 2px;
    margin-top: 30px;
    font-size: 12px;;
    font-weight: 600;
}
    [data-predefined-style="true"] bodycopy {
	font-size: 20px;;
	font-weight: 400;
	color: #1f3460;
    font-family: stevie-sans, sans-serif;
	font-style: normal;
	line-height: 1.3;
}
    [data-predefined-style="true"] h1 {
text-align: center;
	font-size: 36px;;
	line-height: 38px;

}
    .title h2{
	padding: 0px 25px 0px 25px !important;
        font-size: 24px !important;

}
    
    .window .button-two{
            padding: 24px 20px;

    }
    
    .textline{
	    font-size: 12px;
            padding: 18px 20px;


    }
    .button-two{
	    font-size: 12px;;
    padding: 17px 20px;

    }
}