@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 300;
  src: local('Proxima Nova'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Light.woff2') format('woff2'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Light.woff') format('woff'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Light.ttf') format('ttf'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Light.eot') format('eot');
}

@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 400;
  src: local('Proxima Nova'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Reg.woff2') format('woff2'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Reg.woff') format('woff'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Reg.ttf') format('ttf'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Reg.eot') format('eot');
}

@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 600;  
  src: local('Proxima Nova'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Sbold.woff2') format('woff2'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Sbold.woff') format('woff'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Sbold.ttf') format('ttf'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Sbold.eot') format('eot');
}

@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 700;  
  src: local('Proxima Nova'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Bold.woff2') format('woff2'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Bold.woff') format('woff'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Bold.ttf') format('ttf'),
       url('/wp-content/themes/walbury/fonts/ProximaNovaAlt-Bold.eot') format('eot');
}

body { font-family:"Proxima Nova",sans-serif;  }

/*.breaker{ clear:both;overflow:hidden;height:1px; width:100%; }*/
.breaker:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.breaker { display: inline-block; }

.logo_wrapper { margin:0; height:120px !important }
.q_logo { float:left; height:110px !important }
.logo_wrapper .q_logo a { height:100% !important }
nav.main_menu.right { margin-top:70px }
nav.main_menu.right, nav.main_menu > ul, nav.main_menu ul li { display: block }
nav.main_menu > ul, nav.main_menu ul li { float:left } 
nav.main_menu > ul > li > a { padding: 0; display:block; line-height:1em !important; margin-left:10px; margin-right:10px;  }
nav.main_menu > ul > li > a span { display:block; padding:14px 12px; height:auto; font-weight:600;  }
nav.main_menu > ul > li > a span.plus { display:none }
/*.header_bottom { height:136px }
.scrolled nav.main_menu.right { margin-top:15px }
.scrolled .header_bottom { height:70px }
.scrolled .logo_wrapper { margin:5px 0 0 0; }*/
.header_bottom { zoom: 1; filter: alpha(opacity=85); opacity: 0.85; }
.page-template-contact-page .title { height:250px !important; }
.page-template-contact-page .title .title_holder .container { vertical-align:bottom; }
.page-template-contact-page .title_subtitle_holder { padding-bottom:35px; }
nav.main_menu > ul > li > a span:hover, nav.main_menu > ul > li > a.current { background:#084411; }
/* #084411*/


.titsplit { }
.thehp { height:100%; }
.hpcontcl {  position:relative; background: url(/wp-content/uploads/2017/11/roffes-lane-homepage.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.thehp .floathptext { box-sizing: border-box; width:430px; background:#000; zoom: 1; filter: alpha(opacity=60); opacity: 0.6; padding:30px; font-size:1.2em; margin-top:170px; float:right; margin-right:15px }
.hpcarousel { position:absolute;bottom:0; width:100%; height:auto;z-index:9999; background:#000; zoom: 1; filter: alpha(opacity=70); opacity: 0.70; padding-top:15px; padding-bottom:15px; padding-left:80px; padding-right:80px; box-sizing: border-box; }
/*.hpcarousel .caroufredsel_wrapper { height:43px !important }*/

.aboutpage .bborder, .contactpage .bborder { width:100%; border-bottom:1px solid #fff; margin-top:50px; margin-bottom:40px }


.projects_holder article .image_holder, .projects_holder article .portfolio_description { box-sizing:border-box;  }
.projects_holder article .portfolio_shader, .projects_masonry_holder article .portfolio_shader, .portfolio_slides .portfolio_shader  { display:block; }
.devmain .projects_holder article .image_holder .text_holder{ opacity:1; }
.projects_holder article .image_holder .text_holder_inner { background-color: rgba(0,0,0,0.6);  box-sizing:border-box; height:100%; width:100%; }
.projects_holder article .image_holder .text_holder_inner h4.portfolio_title { line-height:1em; } 

.devmain .filter_holder { float:right;   }
.devmain .filter_holder ul li { float:right; margin-left:10px }
.devmain .filter_holder ul li span::after  { content:none; float:left; position:relative; width:auto; }
.devmain .filter_holder ul li span { display:block; /*border:2px solid #fff;*/ padding:5px 10px; color:#fff; font-weight:600; }
.devmain .filter_holder ul li:last-child span{ float:right; padding:5px 10px;}
.devmain .filter_holder ul li:first-child:not(.filter_title) span{ float:right; padding:5px 10px;  }
.devmain .filter_holder ul li.active span, .devmain .filter_holder ul li span:hover { background:#084411; /*border-color:#084411*/  }
.devmain .filter_outer { padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #fff; }
.devmain .filter_outer h1 { font-weight:300; font-size:30px; display:inline-block; color:#fff; letter-spacing:2px; }
.devmain .projects_holder article .image_holder .text_holder_inner2,
.devmain .projects_masonry_holder article .image_holder .text_holder_inner2 {  }

.devmain .projects_holder article .image_holder .text_holder_inner2 .viewme,
.devmain .projects_masonry_holder article .image_holder .text_holder_inner2 .viewme { text-transform:uppercase; border:2px solid #fff; padding:4px 6px; display:block !important; width:auto; box-sizing:content-box !important; font-size:14px; margin:15px auto 0; color:#fff; width:50px; height:20px }
.devmain .projects_holder article .image_holder .text_holder_inner2 .viewme p,
.devmain .projects_masonry_holder article .image_holder .text_holder_inner2 .viewme p { padding-top:10px }
.devmain .projects_holder article .image_holder .text_holder_inner h4.portfolio_title { padding-left:15px; padding-right:15px; font-weight:400; }
.title h1 { margin-top:20px; font-weight:400; }

.carousel-inner .active .slider_content .text.all_at_once  { zoom: 1; filter: alpha(opacity=60); opacity: 0.6; }



.development-desc h3 { font-size: 1.4em; color: #fff; font-style: normal; margin-bottom:20px; font-weight:600; }
.development-desc p { padding-bottom:10px; line-height:1.4em; }
.development-desc .deets { text-transform:uppercase; font-weight: bold; }
.development-desc .deets span {  font-weight: 400; }
.development-desc hr { height:1px; border:none; color:#000; background-color:#fff; margin-bottom:20px }
.development-desc .dspacer { width:100%; overflow:hidden; clear:both;height:4px; }
.wdbtn {   }
.wdbtn a { display:inline-block; padding:10px; color:#fff; text-decoration:none; font-size:12px; text-transform:uppercase; font-weight:600; background:#000;  }
.wdbtn a:hover { background:#084411; }
.rightf { float:right; }


.footer_top {  padding-top:45px; padding-bottom:45px; }
.footer_top a:hover { text-decoration:underline; }


.ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd { zoom: 1; filter: alpha(opacity=100); opacity: 1; background:#000;   }


@media only screen and (min-width : 1024px) {
    
.devmain .projects_holder article .image_holder.elegant_hover .text_holder,
.devmain .projects_masonry_holder article .image_holder.elegant_hover .text_holder,
.devmain .projects_holder.v2 article .image_holder.elegant_hover .text_holder,
.devmain .projects_holder.v3 article .image_holder.elegant_hover .text_holder { padding: 25px 140px; }    

}

@media only screen and (max-width : 1024px) {
    
.devmain .projects_holder article .image_holder.elegant_hover .text_holder,
.devmain .projects_masonry_holder article .image_holder.elegant_hover .text_holder,
.devmain .projects_holder.v2 article .image_holder.elegant_hover .text_holder,
.devmain .projects_holder.v3 article .image_holder.elegant_hover .text_holder { padding: 25px 30px; }  
.devmain .projects_holder article .image_holder .text_holder_inner h4.portfolio_title { font-size:16px !important }
nav.mobile_menu ul li a, nav.mobile_menu ul li h4 { padding-left:15px; font-size:15px }
nav.mobile_menu ul li { border-bottom:1px solid #333 }
.mobile_menu_button span { width:30px; font-size: 20px; }
.development-desc h3 { font-size:1.2em; }

}


@media (min-width: 768px) and (max-width: 991px) {
.page-template-contact-page .title { height:150px !important; }
.devmain .projects_holder article .image_holder.elegant_hover .text_holder,
.devmain .projects_masonry_holder article .image_holder.elegant_hover .text_holder,
.devmain .projects_holder.v2 article .image_holder.elegant_hover .text_holder,
.devmain .projects_holder.v3 article .image_holder.elegant_hover .text_holder { padding-top:10px; padding-bottom:10px }

.thehp .floathptext {width:100%;  float:right;  margin-top:170px; margin-right:0; font-size:1.3em; }
.hpcontcl { margin-top:-130px; }
.development-desc h3 { font-size:1.2em; }
}


@media only screen and (max-width : 767px)  {
.pbmc { margin-bottom:20px; clear:both; }
.page-template-contact-page .title { height:100px !important; }
.devmain .filter_outer h1 { margin-bottom:20px; }
.devmain .filter_holder, .devmain .filter_holder ul li  { float:left;  }
.devmain .filter_holder ul li span { font-size:10px; padding:5px 8px; }
.devmain .filter_holder ul li:last-child span{ float:left; padding:5px 8px;}
.devmain .filter_holder ul li:first-child:not(.filter_title) span{ float:left; padding:5px 8px;  }
.devmain .filter_holder ul li { margin-right:10px; margin-left:0; }
.devmain .container_inner,
devmain .boxed div.section .section_inner,
devmain div.grid_section .section_inner,
devmain div.column1 .grid_section .section_inner,
devmain div.column2 .grid_section .section_inner,
devmain .full_width .parallax_content,
devmain .carousel-inner .slider_content_outer,
devmain nav.content_menu,
devmain .fotter_top_border_holder.in_grid,
devmain .fotter_bottom_border_holder.in_grid { width:100%; margin-left:10px; margin-right:10px }
.thehp .floathptext {width:100%;  float:right; font-size:0.9em; margin:0;  margin-top:15px; }
.hpcarousel { padding:0 }
.development-desc { margin-top:25px; }

}


@media only screen and (max-width : 320px)  {
   .devmain .filter_outer { height:100px; }
   .devmain .filter_holder { clear:both; }
   .devmain .filter_holder ul li { margin-bottom:8px }
}