/*
Theme Name: propillforest
Template: twentyseventeen
Theme URI: 
Author: 
Author URI: 
Description: Twenty Seventeen child.
Version: 1.0
*/

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:0.9; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:0.9; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:0.9; } }

@keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } }

/* Global Rules */

* { font-family:"Roboto", Arial, Helvetica, sans-serif; color:#333; text-decoration:none; }

p { font-size:1em; line-height:1em; margin:0; padding:0; }

div.button { text-align:left; overflow:hidden; width:auto;  }
div.button a {display:inline-block; padding:0.5em 0.75em; line-height:1em; font-size:1.2em; color:#fff; text-decoration:none;  margin:2px 0; background-color:#1f827a; -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; -webkit-transition:all 0.4s; transition:all 0.4s; }
div.button a:hover { background-color:#1f827a; }
div.button a:active { outline:none;}

input.button { border:0; display:inline-block; padding:0.5em 0.75em; line-height:1em; font-size:1.2em; color:#fff; text-decoration:none;  margin:2px 0; background-color:#1f827a; -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; 
-webkit-transition:all 0.4s; transition:all 0.4s; }
input.button:hover { cursor:pointer; background-color:#1f827a;  }
input.button:active { outline:none;}

.clear { display:block; width:100%; clear:both; }

.nav-links svg { display:none; }

/* Mobile Rules */

@media all and (max-width: 55em) {
	
.desktoponly { display:none; }

body { background-color:#fff; padding:0; margin:0; }

main#panel { background-color:#fff; width:100%; overflow:hidden; }

#container { background-color:#fff; width:100%; overflow:hidden; }

#header { box-sizing:border-box; width:100%; height:4em; padding:1em; background-color:#fff; z-index:99;}

#header #logo { height:2em; width:5em; background-color:#ddd; width:auto; float:right; overflow:hidden; }

#header #logo a img { display:block; height:2em; width:auto;}

#header #contact { display:none; }

#header #mobile-menu { height:2em; width:2em; background-color:#ccc; float:left; margin:0; padding:0; background-image:url(assets/svg/menu.svg); background-size:1.5em 1.5em; background-position:center center; background-repeat:no-repeat; overflow:hidden; opacity:1; }

#header #mobile-menu .toggle-button { display:block; height:2.5em; width:100%; background-color:transparent; border:0; }

#header #mobile-menu .toggle-button:focus { outline:0; }

#main-menu { display:none; }




#projects { width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:0; margin:0; }
#projects .project { position:relative; width:33.333%; float:left; overflow:hidden; }
#projects .project:after { content:""; display:block; padding-bottom:100%; }
#projects .project .project-inside { position:absolute; width:100%; height:100%; -webkit-box-shadow:inset 0px 0px 0px 2px rgba(0,0,0,0.1); -moz-box-shadow:inset 0px 0px 0px 2px rgba(0,0,0,0.1); box-shadow:inset 0px 0px 0px 2px rgba(0,0,0,0.1); }
#projects .project .project-inside a { display:none; box-sizing:border-box; padding:7em 1em; text-align:center; width:100%; height:100%; font-size:0.9em; color:#fff; text-shadow: 0px 1px 3px #000000; font-weight:400; text-transform:uppercase; -webkit-transition:all 0.4s; transition:all 0.4s;  }
#projects .project .project-inside a strong { color:#fff; }

#projects .inside1 { background:rgba(31,130,122,0.5); }
#projects .inside2 { background:rgba(31,60,130,0.5); }
#projects .inside3 { background:rgba(31,130,122,0.5); }
#projects .inside4 { background:rgba(31,60,130,0.5); }
#projects .inside5 { background:rgba(31,130,122,0.5); }
#projects .inside6 { background:rgba(31,60,130,0.5); }
#projects .inside7 { background:rgba(31,130,122,0.5); }
#projects .inside8 { background:rgba(31,60,130,0.5); }
#projects .inside9 { background:rgba(31,130,122,0.5); }
#projects .inside10 { display:none; background:rgba(31,60,130,0.7); }
#projects .inside11 { display:none; background:rgba(31,130,122,0.7); }
#projects .inside12 { display:none; background:rgba(31,60,130,0.7); }
#projects .inside13 { display:none; background:rgba(31,60,130,0.7); }
#projects .inside14 { display:none; background:rgba(31,130,122,0.7); }
#projects .inside15 { display:none; background:rgba(31,60,130,0.7); }
#projects .inside16 { display:none; background:rgba(31,130,122,0.7); }
#projects .inside17 { display:none; background:rgba(31,130,122,0.7); }
#projects .inside18 { display:none; background:rgba(31,60,130,0.7); }
#projects .inside19 { display:none; background:rgba(31,130,122,0.7); }
#projects .inside20 { display:none; background:rgba(31,60,130,0.7); }

#projects .project1 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/1.jpg); }
#projects .project2 { display:none; -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/2.jpg); }
#projects .project3 { display:none; -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/3.jpg);}
#projects .project4 { display:none; -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/4.jpg); }
#projects .project5 { display:none; -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/5.jpg); }
#projects .project6 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/6.jpg); }
#projects .project7 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/7.jpg); }
#projects .project8 { display:none; -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/8.jpg); }
#projects .project9 { display:none; -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/9.jpg); }
#projects .project10 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/10.jpg); }
#projects .project11 { display:none; -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/11.jpg); }
#projects .project12 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/12.jpg); }
#projects .project13 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/13.jpg); }
#projects .project14 { display:none; -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/14b.jpg); }
#projects .project15 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/15.jpg); }
#projects .project16 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/16.jpg); }
#projects .project17 { display:none; -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/17.jpg); }
#projects .project18 { display:none; -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/18.jpg); }
#projects .project19 { display:none; -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/19.jpg); }
#projects .project20 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/20.jpg); }





.content-container { box-sizing:border-box; width:100%; padding:0; background-color:#f8f8f8; overflow:hidden; }

.content-container #content { box-sizing:border-box; width:100%; padding:1em; overflow:hidden;}



.content-container #content .reason { overflow:hidden; width:100%; overflow:hidden; }
.content-container #content .reason img { display:block; float:left; height:2em; width:auto; margin:0 1em 1em 0; }
.content-container #content .reason h4 { float:left; font-size:1em!important; line-height:2em!important; margin:0 0 1em 0;}
.content-container #content .reason p { clear:both; }



.content-container #content .testimonial { width:100%; padding:1em 1em 1em 4em; box-sizing:border-box; float:left; margin:0 0 1em 0; background-color:#eee; -webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em; line-height:1.5em; font-size:1em; font-weight:400; }


.content-container #content .featured-image { width:100%; height:auto; overflow:hidden; margin:0 0 1em 0; }

.content-container #content .featured-image img { display:block; width:100%; height:auto; }

.content-container #sidebar { display:none;}


	
	


.message { display:none; }

#recent-news { box-sizing:border-box; width:100%; padding:1em; background-color:#eee; overflow:hidden; }

#recent-news h3 { margin:0 0 0.75em 0;}

#recent-news ul { margin:0; padding:0; list-style:none;}

#recent-news ul li { width:100%; margin:0 0 1em 0; padding:0; list-style:none; overflow:hidden; line-height:1.2em; }

#recent-news ul li a img { display:block; width:100%; height:auto; margin:0 0 1em 0; -webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em; }

#recent-news ul li a.post-title { font-weight:700; text-decoration:none; margin:0 0 1em 0; font-size:1em; line-height:1em;  }

#recent-news ul li p.post-date { font-weight:normal; font-style:italic; font-size:0.8em; }

#recent-news ul li p { margin:1em 0 0 0;}

#recent-news ul li p a.cat-post-excerpt-more { display:block; clear:both; margin:1em 0 0 0; font-weight:700;}

#footer-widgets { box-sizing:border-box; width:100%; padding:1em; background-color:#222; overflow:hidden;}

#footer-widgets .footerwidget { width:100%; float:left; box-sizing:border-box; padding:1em; text-align:center;}

#footer-widgets .footerwidget img { display:block; height:3em; width:auto; margin:0 auto 1em auto;}

#footer-widgets .footerwidget p { color:#eee; font-weight:400; }



#footer { box-sizing:border-box; width:100%; padding:1em; background-color:#fff; overflow:hidden;}

#footer p { margin:0 0 1em 0;}

#footer p a { text-decoration:none;  }



.slideout-menu {
position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; background-color:#fff; width:300px; box-sizing:border-box; padding:1em; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none;
}

.slideout-panel {
position:relative;
z-index: 1;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
overflow: hidden;
}

.slideout-open .slideout-menu {
display: block;
}

nav#menu #logo { height:5em; width:100%; float:left; margin:0 0 1em 0; padding:0; overflow:hidden; }

nav#menu #logo a img { display:block; height:5em; width:auto; padding:0; }

nav#menu #contact { width:100%; height:2em; float:left; margin:0 0 1em 0; overflow:hidden; }

nav#menu #contact a img { float:left; margin:0 1em 0 0; display:none; height:2em; width:auto; }

nav#menu #contact p { text-align:right; font-size:2em; line-height:1em; }

nav#menu .widget_nav_menu ul { margin:0 0 2em 0; padding:0; list-style:none; border-bottom:1px solid #eee;}

nav#menu .widget_nav_menu ul li { margin:0; padding:0; list-style:none; border-top:1px solid #eee;}

nav#menu .widget_nav_menu ul li a { display:block; padding:0.5em 0; text-decoration:none; -webkit-transition:all 0.4s; transition:all 0.4s;}

nav#menu .widget_nav_menu ul li a:hover { padding-left:0.5em; }

nav#menu .widget_nav_menu ul li ul { margin:0; padding:0; list-style:none; border-bottom:1px solid #eee;}

nav#menu .widget_nav_menu ul li ul li { margin:0; padding:0; list-style:none; border-top:1px solid #eee;}

nav#menu .widget_nav_menu ul li ul li a { display:block; padding:0.5em 0 0.5em 0.5em; text-decoration:none; -webkit-transition:all 0.4s; transition:all 0.4s;}

nav#menu .widget_nav_menu ul li ul li a:hover { padding-left:1em; }

nav#menu .widget_search label { display:none; }

nav#menu .widget_search input { box-sizing:border-box; width:100%; padding:0.7em 1em; background-color:#fff; border:1px solid #ccc; margin:0 0 1em 0; color:#333; font-size:1em; font-weight:400; line-height:1.5em; }

nav#menu .widget_search button { display:none;}





h1 {  font-size:1.1em; line-height:1em; font-weight:700; margin:0 0 1em 0; text-transform:uppercase; color:#1f827a;}

h2 {  font-size:1.8em; line-height:1.2em; font-weight:400; margin:0 0 0.75em 0;  }

h3 {  font-size:1.4em; line-height:1.2em; font-weight:400; margin:0 0 0.75em 0; color:#1f827a;  }

h4 {  font-size:1.3em; line-height:1em; font-weight:700; margin:0 0 1em 0; text-transform:uppercase; color:#1f827a; }

h5 {  font-size:1.5em; line-height:1.2em; font-weight:400; margin:0 0 0.75em 0;  }

.content-container p { font-size:1em; line-height:1.3em; font-weight:400; margin:0 0 1em 0;}

.content-container p a { font-weight:700; text-decoration:none; padding:0.1em; }

input.textfield { box-sizing:border-box; width:100%; padding:0.7em 1em; background-color:#fff; border:1px solid #ccc; margin:0 0 0.5em 0; color:#333; font-size:1em; font-weight:400; line-height:1.5em; -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; }

select.select { box-sizing:border-box; width:100%; padding:0.7em 1em; background-color:#fff; border:1px solid #ccc; margin:0 0 0.5em 0; color:#333; font-size:1em; font-weight:400; line-height:1.5em; -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; }

.textarea { box-sizing:border-box; width:100%; min-height:4em; padding:0.7em 1em; background-color:#fff; border:1px solid #ccc; margin:0 0 0.5em 0;  color:#333; font-size:1em; font-weight:400; line-height:1.5em; -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; }

figure { margin:0; padding:0; }
figcaption { padding-top:0.5em; font-size:0.9em; line-height:1em; color:#333;}

.gallery-columns-2, .gallery-columns-3, .gallery-columns-4 { padding:0 0 1em 0!important; overflow:hidden; }

.gallery-columns-2 .gallery-item { float:left; width:50%!important; }
.gallery-columns-2 .gallery-item img { display:block; width:100%; height:auto; }

.gallery-columns-3 .gallery-item { float:left; width:33.33%!important; }
.gallery-columns-3 .gallery-item img { display:block; width:100%; height:auto; }

.gallery-columns-4 .gallery-item { float:left; width:50%!important; }
.gallery-columns-4 .gallery-item img { display:block; width:100%; height:auto; }

img.size-thumbnail { display:block; width:33%; height:auto; }
img.size-medium { display:block; width:50%; height:auto; }
img.size-full { display:block; width:100%; height:auto; }

img.alignleft { float:left; margin:0 1em 1em 0;}
img.alignright { float:right; margin:0 0 1em 1em;}

}

/* Desktop / Landscape Tablet Rules */

@media all and (min-width: 55em) {
	
.mobileonly { display:none; }
	
body { background-color:#fff; padding:0; margin:0; }

nav#menu { box-sizing:border-box; background-color:#fff; width:25%; height:100vh; padding:2em; overflow:hidden; position:fixed; top:0; left:0; }

nav#menu #logo { width:100%; float:left; margin:0 0 2em 0; padding:0; overflow:hidden; background-color:#fff; }

nav#menu #logo a { background-color:#fff; border:0; }

nav#menu #logo a img { display:block; width:25%; height:auto; padding:0 0 1em 0; background-color:#fff; }

nav#menu #logo p { font-style:italic; color:#999; }

nav#menu #contact { width:100%; height:2em; float:left; margin:0 0 2em 0; background-color:#fff; overflow:hidden; }

nav#menu #contact a img { float:left; margin:0 1em 0 0; display:block; height:2em; width:auto; }

nav#menu #contact p { text-align:right; font-size:2em; line-height:1em; }

nav#menu .widget_nav_menu ul { margin:0 0 2em 0; padding:0; list-style:none; border-bottom:1px solid #eee;}

nav#menu .widget_nav_menu ul li { margin:0; padding:0; list-style:none; border-top:1px solid #eee;}

nav#menu .widget_nav_menu ul li a { display:block; padding:0.5em 0; text-decoration:none; -webkit-transition:all 0.4s; transition:all 0.4s;}

nav#menu .widget_nav_menu ul li a:hover { padding-left:0.5em; }

nav#menu .widget_nav_menu ul li ul { margin:0; padding:0; list-style:none; background-color:#f8f8f8; border-bottom:1px solid #eee;}

nav#menu .widget_nav_menu ul li ul li { margin:0; padding:0; list-style:none; border-top:1px solid #eee;}

nav#menu .widget_nav_menu ul li ul li a { display:block; font-size:0.9em; padding:0.5em 0 0.5em 1em; color:#666; text-decoration:none; -webkit-transition:all 0.4s; transition:all 0.4s;}

nav#menu .widget_nav_menu ul li ul li a:hover { padding-left:1.5em; }

.current_page_item { font-weight:bold; }

nav#menu .widget_search label { display:none; }

nav#menu .widget_search input { box-sizing:border-box; width:100%; padding:0.7em 1em; background-color:#fff; border:1px solid #ccc; margin:0 0 1em 0; color:#333; font-size:1em; font-weight:400; line-height:1.5em; }

nav#menu .widget_search button { display:none;}




main#panel { box-sizing:border-box; width:75%; padding:0; overflow:hidden; float:right; background-color:#fff; }


#container { width:100%; overflow:hidden; }

#header { display:none;}







#projects { width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:0; margin:0; }
#projects .contain { position:relative; width:25%; float:left; overflow:hidden; }
#projects .contain:after { content:""; display:block; padding-bottom:100%; }
#projects .project { position:relative; width:100%; float:left; overflow:hidden; }
#projects .project:after { content:""; display:block; padding-bottom:100%; }
#projects .project .project-inside { position:absolute; width:100%; height:100%; -webkit-box-shadow:inset 0px 0px 0px 5px rgba(0,0,0,0.2); -moz-box-shadow:inset 0px 0px 0px 5px rgba(0,0,0,0.2); box-shadow:inset 0px 0px 0px 5px rgba(0,0,0,0.2); }
#projects .project .project-inside a { display:block; box-sizing:border-box; padding:7em 1em; text-align:center; width:100%; height:100%; font-size:0.9em; color:#fff; text-shadow: 0px 1px 3px #000000; font-weight:400; text-transform:uppercase; -webkit-transition:all 0.4s; transition:all 0.4s;  }
#projects .project .project-inside a strong { color:#fff; }
#projects .project .project-inside a:hover { padding:6em 1em; }

#projects .inside1 { background:rgba(31,130,122,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside2 { background:rgba(31,60,130,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside3 { background:rgba(31,130,122,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside4 { background:rgba(31,60,130,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside5 { background:rgba(31,60,130,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside6 { background:rgba(31,130,122,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside7 { background:rgba(31,60,130,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside8 { background:rgba(31,130,122,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside9 { background:rgba(31,130,122,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside10 { background:rgba(31,60,130,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside11 { background:rgba(31,130,122,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside12 { background:rgba(31,60,130,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside13 { background:rgba(31,60,130,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside14 { background:rgba(31,130,122,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside15 { background:rgba(31,60,130,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside16 { background:rgba(31,130,122,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside17 { background:rgba(31,130,122,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside18 { background:rgba(31,60,130,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside19 { background:rgba(31,130,122,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }
#projects .inside20 { background:rgba(31,60,130,0.7); -webkit-transition:all 0.4s; transition:all 0.4s; }

#projects .inside1:hover { background:none; transform:scale(1.04); }
#projects .inside2:hover { background:none; transform:scale(1.04); }
#projects .inside3:hover { background:none; transform:scale(1.04); }
#projects .inside4:hover { background:none; transform:scale(1.04); }
#projects .inside5:hover { background:none; transform:scale(1.04); }
#projects .inside6:hover { background:none; transform:scale(1.04); }
#projects .inside7:hover { background:none; transform:scale(1.04); }
#projects .inside8:hover { background:none; transform:scale(1.04); }
#projects .inside9:hover { background:none; transform:scale(1.04); }
#projects .inside10:hover { background:none; transform:scale(1.04); }
#projects .inside11:hover { background:none; transform:scale(1.04); }
#projects .inside12:hover { background:none; transform:scale(1.04); }
#projects .inside13:hover { background:none; transform:scale(1.04); }
#projects .inside14:hover { background:none; transform:scale(1.04); }
#projects .inside15:hover { background:none; transform:scale(1.04); }
#projects .inside16:hover { background:none; transform:scale(1.04); }
#projects .inside17:hover { background:none; transform:scale(1.04); }
#projects .inside18:hover { background:none; transform:scale(1.04); }
#projects .inside19:hover { background:none; transform:scale(1.04); }
#projects .inside20:hover { background:none; transform:scale(1.04); }

#projects .project1 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/1.jpg); }
#projects .project2 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/2.jpg); }
#projects .project3 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/3.jpg);}
#projects .project4 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/4.jpg); }
#projects .project5 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/5.jpg); }
#projects .project6 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/6.jpg); }
#projects .project7 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/7.jpg); }
#projects .project8 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/8.jpg); }
#projects .project9 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/9.jpg); }
#projects .project10 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/10.jpg); }
#projects .project11 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/11.jpg); }
#projects .project12 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/12.jpg); }
#projects .project13 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/13.jpg); }
#projects .project14 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/14b.jpg); }
#projects .project15 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/15.jpg); }
#projects .project16 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/16.jpg); }
#projects .project17 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/17.jpg); }
#projects .project18 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/18.jpg); }
#projects .project19 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/19.jpg); }
#projects .project20 { -webkit-transition:all 0.4s; transition:all 0.4s; background-position:center center; background-size:100%; background-image:url(https://propertyillustration.com/floor-site-house-plans/20.jpg); }

#projects .project1:hover { transform:scale(1.04); }
#projects .project2:hover { transform:scale(1.04); }
#projects .project3:hover { transform:scale(1.04); }
#projects .project4:hover { transform:scale(1.04); }
#projects .project5:hover { transform:scale(1.04); }
#projects .project6:hover { transform:scale(1.04); }
#projects .project7:hover { transform:scale(1.04); }
#projects .project8:hover { transform:scale(1.04); }
#projects .project9:hover { transform:scale(1.04); }
#projects .project10:hover { transform:scale(1.04); }
#projects .project11:hover { transform:scale(1.04); }
#projects .project12:hover { transform:scale(1.04); }
#projects .project13:hover { transform:scale(1.04); }
#projects .project14:hover { transform:scale(1.04); }
#projects .project15:hover { transform:scale(1.04); }
#projects .project16:hover { transform:scale(1.04); }
#projects .project17:hover { transform:scale(1.04); }
#projects .project18:hover { transform:scale(1.04); }
#projects .project19:hover { transform:scale(1.04); }
#projects .project20:hover { transform:scale(1.04); }




.content-container { box-sizing:border-box; width:100%; padding:0; background-color:#f8f8f8; overflow:hidden; }

.content-container #content { box-sizing:border-box; width:100%; float:left; padding:2em; overflow:hidden;}

.content-container #content .leftcolumn { width:50%; float:left; overflow:hidden; box-sizing:border-box; padding:0 1em 0 0; }
.content-container #content .rightcolumn { width:50%; float:left; overflow:hidden; box-sizing:border-box; padding:1em; background-color:#fff; }


.content-container #content .reason { overflow:hidden; width:100%; overflow:hidden; }
.content-container #content .reason img { display:block; float:left; height:2em; width:auto; margin:0 1em 1em 0; }
.content-container #content .reason h4 { float:left; font-size:1em!important; line-height:2em!important; margin:0 0 1em 0;}
.content-container #content .reason p { clear:both; }



.content-container #content .testimonial { width:100%; padding:0 0 0 3em; box-sizing:border-box; float:left; margin:0 0 1em 0; background-image:url(../../../floor-site-house-plans/quote.png); background-size:2em; background-position:top left; background-repeat:no-repeat; line-height:1.5em; font-size:1em; font-weight:400;  }



.content-container #content .posts-post { width:100%; display:block; clear:both; overflow:hidden; margin:0 0 1em 0; -webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em; background-color:#f7f7f7; box-sizing:border-box; padding:1em;  }

.content-container #content .posts-post .post-thumbnail { box-sizing:border-box; width:30%; padding-right:1em; height:auto; overflow:hidden; margin:0 0 1em 0; float:left; -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; }

.content-container #content .posts-post .post-thumbnail a img { display:block; width:100%; height:auto; margin:0;}

.content-container #content .posts-post .post-text { width:70%; float:right; overflow:hidden;}

.content-container #content .posts-post p.link-more { margin:0; text-align:left; overflow:hidden; width:auto; }

.content-container #content .posts-post p.link-more a { font-weight:700; display:inline-block; padding:0.5em 0.75em 0.5em 1.5em; line-height:1em; font-size:1em; color:#fff; text-decoration:none;  margin:2px 0; background-color:#1f827a; -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; -webkit-transition:all 0.4s; transition:all 0.4s;}

.content-container #content .posts-post p.link-more a:hover { background-color:#1f827a; text-shadow: 0px 1px 2px rgba(0,0,0,0.8); letter-spacing:0.01em;  }

.content-container #content .posts-post p.link-more a span.screen-reader-text { display:none; }









.content-container #content .featured-image { box-sizing:border-box; width:100%; height:auto; overflow:hidden; margin:0 0 1em 0;  }

.content-container #content .featured-image img { display:block; width:100%; height:auto; -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; }



.content-container #sidebar { display:none; }







.message { background-color:#fff; width:100%; border:2em solid #fff; height:3em; position:relative; overflow:hidden;
background-image:url(../../../floor-site-house-plans/bg.jpg);
background-position: center left;
background-repeat: no-repeat;
background-size:auto 3em;
animation: animatedBackground 30s linear infinite;
-webkit-animation: animatedBackground 30s linear infinite;
-moz-animation: animatedBackground 30s linear infinite;
-o-animation: animatedBackground 30s linear infinite;
}

#recent-news { box-sizing:border-box; width:100%; padding:2em; background-color:#eee; overflow:hidden; }

#recent-news h4 { text-align:center; }

#recent-news ul { margin:0; padding:0; list-style:none;}

#recent-news ul li { box-sizing:border-box; width:25%; height:auto; float:left; margin:0; padding:0 2em 0 0; list-style:none; overflow:hidden; text-align:center!important; line-height:1.2em; }

#recent-news ul li a img { display:block; width:100%; height:auto; margin:0 0 1em 0; -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em;  }

#recent-news ul li a.post-title { font-weight:700; text-decoration:none; margin:0 0 1em 0; font-size:1em; line-height:1em;  }

#recent-news ul li p.post-date { font-weight:normal; font-style:italic; font-size:0.8em; }

#recent-news ul li p { margin:1em 0 0 0;}

#recent-news ul li p a.cat-post-excerpt-more { display:block; clear:both; margin:1em 0 0 0; font-weight:700;}


#footer { box-sizing:border-box; width:100%; padding:1.5em 5em; background-color:#fff; overflow:hidden;}

#footer p { margin:0 0 1em 0; text-align:center;}

#footer p a { text-decoration:none; background-color:#eee; padding:0 0.5em; cursor:pointer; }

#footer p a:hover { background-color:#ddd}

#footer .column1 p, #footer .column2 p, #footer .column3 p { text-align:left; }

#footer .column1 p a, #footer .column2 p a, #footer .column3 p a { text-align:left; background-color:transparent; padding:0; }



h1 {  font-size:1.1em; line-height:1em; font-weight:700; margin:0 0 1em 0; text-transform:uppercase; color:#1f827a;}

h2 {  font-size:1.8em; line-height:1.2em; font-weight:400; margin:0 0 0.75em 0;  }

h3 {  font-size:1.4em; line-height:1.2em; font-weight:400; margin:0 0 0.75em 0; color:#1f827a;  }

h4 {  font-size:1.1em; line-height:1em; font-weight:700; margin:0 0 1em 0; text-transform:uppercase; color:#1f827a; }

h5 {  font-size:1.5em; line-height:1.2em; font-weight:400; margin:0 0 0.75em 0;  }

.content-container p { font-size:1em; line-height:1.5em; font-weight:400; margin:0 0 1em 0;}

.content-container p a { text-decoration:none; font-weight:bold; -webkit-transition:all 0.4s; transition:all 0.4s; }
.content-container p a:hover { color:#111; }

img.size-thumbnail { display:block; width:33%; height:auto; }
img.size-medium { display:block; width:50%; height:auto; }
img.size-full { display:block; width:100%; height:auto; }

img.alignleft { float:left; margin:0 1em 1em 0;}
img.alignright { float:right; margin:0 0 1em 1em;}

input.textfield { box-sizing:border-box; width:100%; padding:0.5em 1em; background-color:#f5f5f5; border:1px solid #ccc; margin:0 0 0.5em 0; color:#333; font-size:1em; font-weight:400; line-height:1.2em; -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em;  }

select.select { box-sizing:border-box; width:100%; padding:0.5em 1em; background-color:#f5f5f5; border:1px solid #ccc; margin:0 0 0.5em 0; color:#333; font-size:1em; font-weight:400; line-height:1.2em; -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em;  }

.textarea { box-sizing:border-box; width:100%; min-height:3em; padding:0.5em 1em; background-color:#f5f5f5; border:1px solid #ccc; margin:0 0 0.5em 0;  color:#333; font-size:1em; font-weight:400; line-height:1.2em; -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; max-height:6em;  }

#sidebar input.textfield, #sidebar select.select, #sidebar textarea { background-color:#fff;}

figure { margin:0; padding:0; }
figcaption { padding-top:0.5em; font-size:0.9em; line-height:1em; color:#333;}

.gallery-columns-1 .gallery-item { box-sizing:border-box; float:left; width:100%!important; margin-bottom:1em!important; }
.gallery-columns-1 .gallery-item img { display:block; width:100%; height:auto; }

.gallery-columns-2 .gallery-item { box-sizing:border-box; float:left; width:50%!important; padding-right:1em; margin-bottom:1em!important;  }
.gallery-columns-2 .gallery-item img { display:block; width:100%; height:auto; }
.gallery-columns-2 .gallery-item img:hover { opacity:0.9; }

.gallery-columns-3 .gallery-item { box-sizing:border-box; float:left; width:33.33%!important; padding-right:1em; margin-bottom:1em!important;  }
.gallery-columns-3 .gallery-item img { display:block; width:100%; height:auto; }
.gallery-columns-3 .gallery-item img:hover { opacity:0.9; }

.gallery-columns-4 .gallery-item { box-sizing:border-box; float:left; width:25%!important; padding-right:1em; margin-bottom:1em!important;}
.gallery-columns-4 .gallery-item img { display:block; width:100%; height:auto; }
.gallery-columns-4 .gallery-item img:hover { opacity:0.9; }


}

/* Portrait Tablet Rules */

@media all and (min-width: 50em) and (orientation: portrait) {


}