/**
Theme Name: acorn
Author URI: https://nuzu.net
Author: Nuzu Team
Version: 0.1
*/

@font-face {
	font-family: 'Myriad Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Myriad Regular'), url('assets/fonts/MYRIADPRO-REGULAR.woff') format('woff');
}

html {
    overflow-x: hidden;
}
img {border-radius: 5px;}

	
h1, h2, h3, h4, h5{
	font-family: 'Myriad Regular';
	color:#605E50;
	
}

h3.wp-block-heading {
    font-size: 1.3rem;
    padding-top: 20px;
}

p, a{
	font-family: 'Myriad Regular';
	color:#605E50;
}
.sec a {
    text-decoration: none;
}
.sec a:hover {
    text-decoration: underline;
}

.headwrp{
	background-color:#eeeeee;
	opacity:0.9;
	position:fixed;
	z-index:5;
	top:0;
}

.headpc{
	padding-top:10px;
	text-align:right;
}

.headpc p{
	margin:0px;
}

.admin-bar .headwrp{
	top:30px;
}

.logowrp{
	float:left;
}

.ubermenu-menu-2{
	float:right;
}

.headwrp .ubermenu-menu-2 .ubermenu-item a,
.headwrp .ubermenu-menu-2 .ubermenu-item a .ubermenu-target-text{
	color:#70665b;
	text-transform:uppercase;
	padding-top:3px;
}

.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {
    padding: 5px 20px !important;
}

.headwrp .quote-menu{
	background-color:#aa603b !important;
	border-radius:2px !important;
}

.headwrp .quote-menu span{
	color:white !important;
}

.logowrp{
	padding-left: 50px;
	position: relative;
    top: -20px;
}

.logowrp img{
	height:70px;
}

.ubermenu-skin-minimal{
	font-size:17px !important;
	padding-right:30px !important;
}

.ubermenu-responsive-default.ubermenu{
	position:relative;
	top:-60px;
}

.headwrp .row .col{
	height: 60px;
}

.home .sec-item-1 h2{
	position:relative;
	font-size:4rem;
	text-transform:uppercase;
	text-align:center;
	top:5px;
	margin:0px;
	color: #aa603b;
}

.home .sec-item-2{
	padding-bottom:30px;
}

.home .sec-item-2 h2{
	text-transform:uppercase;
	color:#aa603b;
}

.home .sec-item-3 h5{
	font-size:1.5rem;
	text-transform:uppercase;
	color:#aa603b;
}

.home .sec-item-3 p{
	color:#aa603b;
}

.home .sec-item-3 a{
	font-size:1.2rem;
	text-transform:uppercase;
	color:#aa603b;
}

.home .sec-item-4 h2{
	position:relative;
	font-size:4rem;
	text-transform:uppercase;
	color:#aa603b;
	top:90px;
}

.home .sec-item-5{
	background-color:#eeeeee;
	padding:50px 100px 0px 100px;
}

.home .sec-item-5 h3{
	margin-top:100px;
	padding:20px 0px 10px 0px;
	text-transform:uppercase;
	color:#aa603b;
}

.home .sec-item-5 .rm-sec5{
	text-align:right;
	padding-bottom:100px;
}

.home .sec-item-5 h2{
	position:relative;
	font-size:4rem;
	text-transform:uppercase;
	color:#aa603b;
	top:90px;
} 

.home .sec-item-5 .type-rectangular p{
	margin-bottom:0px;
}

.home .construction-ideas{
	text-align:center;
}

.home .construction-ideas h2{
	position:relative;
	font-size:4rem;
	text-transform:uppercase;
	color:#ecdcd4;
	top:33px;
}

.customer-say{
	position:relative;
	padding:100px 500px 200px 150px;
}

.customer-say .carousel-inner{
	min-height:105px;
}

.customer-say:before{
	position:absolute;
	content:'';
	bottom:0;
	right:0;
	height:100%;
	width:100%;
	background-image:url(./assets/images/feedback-bg.png);
	background-repeat: no-repeat;
    background-position: center right 160px;
    background-size: 17%;
	opacity:0.3;
	z-index:-9999;
}

.customer-say p{
	color:#aa603b;
}

.customer-say .read-more{
	text-align:right;
}

.customer-say .carousel-control-prev-icon{
	background-image: url(assets/images/prev.png);
	width: 20px;
}

.customer-say .carousel-control-next-icon{
	background-image: url(assets/images/next.png);
	width: 20px;
}

.customer-say .carousel-control-prev{
	top:150px;
	left:750px;
}

.customer-say .carousel-control-next{
	top:150px;
	right:-65px;
}

.innerbanner{
	position:relative;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	height:600px;
}

.innerbanner:before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	background-color:black;
	opacity:0.4;
	height:100%;
	width:100%;
}

.innerbanner:after{
	position:absolute;
	content:'';
	top:0;
	left:0;
	background: linear-gradient(180deg, #000 4%, rgba(0, 0, 0, 0) 22%);
	height:100%;
	width:100%;
}

.innerbanner-pages{
	position:relative;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	height:600px;
}

.ptitle{
	color:white;
	font-size:4rem;
	text-transform:uppercase;
	padding-left:20px;
	padding-right:20px;
}

.innerbanner-pages .ptitle{
	position:absolute;
	width:100%;
	bottom:-28px;
	text-align:center;
	z-index:1;
	font-size:3.5rem;
}

.innerbanner .ptitle{
	position:absolute;
	width:100%;
	top:40%;
	text-align:center;
	z-index:1;
}

.innerbanner-pages:before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	background-color:black;
	opacity:0.4;
	height:100%;
	width:100%;
}

.innerbanner-pages:after{
	position:absolute;
	content:'';
	top:0;
	left:0;
	background: linear-gradient(180deg, #000 4%, rgba(0, 0, 0, 0) 22%);
	height:100%;
	width:100%;
}

.innerbanner-pages .title-page {
	position:relative;
	z-index:1;
}

.title-page{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	height:100%;
	z-index:1;
	padding:0px 150px 0px 150px;
	flex-direction: column;
	top:30px;
}

.home .title-page h2{
	color: white;
    font-size: 3.5rem;
    text-transform: none;
}

.home .title-page p{
	color: #ffffff;
    padding-top: 50px;
    font-size: 1.2rem;
}

.about_more{
	padding-top:20px;
}

.about_more a{
	padding:12px 30px 10px;
	background-color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	border-radius:2px;
}

.title-page h1{
	color:white;
	font-size:4rem;
	text-transform:uppercase;
}

.main-content{
	padding:50px 0px;
}

.main-content .about-button{
	margin-top:70px;
}

.main-content .about-button a{
	text-decoration:none;
	padding:30px 50px;
	border:2px solid black;
	text-transform:uppercase;
	color:black;
}

.main-content .about-button a:hover{
	background-color:black;
	color:white;
}

.sec-item .sec-text-with-image .col-cont h2{
	padding:10px 0px 5px 0px;
}

.home .sec-item p{
	font-size:1rem;
}

.sec-text-with-bg-image{
	height:400px;
	margin-top:20px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sec-item .bg-gradient-class{
	position:relative;
}

.sec-item .bg-gradient-class:before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:black;
	opacity:0.4;
}

.sec-text-with-bg-image .col-cont-wrp{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.bg-gradient-class .col-cont-wrp .col-cont{
	position:relative;
	z-index:1;
}

.sec-text-with-bg-image h2{
	position:relative;
	z-index:1;
	color:#ffffff;
}

.sec-text-with-bg-image a{
	color:White;
}


.sec-item .sec-text-with-image img{
	border-radius:3px;
	height:300px;
}

.sec-item-3 p{
	font-size:1.1rem;
	padding-bottom:20px;
}

.sec-item .sec-text-with-image a.btn-style{
	margin-top:50px;
	text-decoration:none;
	padding:10px 30px;
	border:2px solid #605E50;
	text-transform:uppercase;
	color:#605E50;
}

.sec-item .sec-text-with-image a.btn-style:hover{
	background-color:#605E50;
	color:white;
}

.projects{
	padding:100px 0px;
	background-color:#ecdcd4;
}

.all-prj{
	position:relative;
}

.all-prj h3{
	color:#aa603b !important;
	text-transform:uppercase;
}

.box-img{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	height:200px;
}

.more-projects{
	text-align: center;
	margin-top:20px;
}

.more-projects a{
	padding:10px 30px;
	border:2px solid #605E50;
	text-decoration:none;
}

.more-projects a:hover{
	background-color:#605E50;
	color:white;
}

.projects .content{
	padding:10px 0px;
}

.projects a{
	text-decoration:none;
}

.footer{
	position:relative;
	background-color:#aa603b;
	padding:50px 0px 0px 0px;
	z-index:9999;
}

.footer:before{
	position:absolute;
	content:'';
	bottom:0;
	right:0;
	height:100%;
	width:100%;
	background-image:url(assets/images/acorn-bg.png);
	background-repeat: no-repeat;
    background-position: bottom right -20px;
    background-size: 25%;
	opacity:0.4;
	z-index:-9999;
}

.footer .container{
	padding:0px 50px 50px 50px;
}

.ftitle{
	margin-bottom:30px;
}

.ftitle h2{
	text-transform:uppercase;
	color:#ecdcd4;
	font-size:1.5rem;
}

.fmenu ul{
	padding-left:0px;
}

.fmenu ul li{
	list-style:none;
}

.fmenu ul li a{
	list-style:none;
	color:white;
	text-decoration:none;
}

.fnum{
	padding-top:30px;
}

.fnum h3{
	font-size:1.3rem;
	text-transform:uppercase;
	color:#ecdcd4;
	margin-bottom:0px;
}

.fnum a{
	color:#ecdcd4;
	font-size:1.3rem;
}

.flist ul{
	padding-left:0px;
	color:white;
}

.flist ul li{
	list-style:none;
}

.fabout h2{
	font-size:1.5rem;
	margin-bottom:0px;
}

.fabout h3{
	font-size:1.3rem;
}

.fabout h2, .fabout h3{
	color:#ecdcd4;
	text-transform:none;
}

.fabout p, .fabout a{
	color:white;
}

.flearnmore{
	text-align:right;
}

.flogo{
	text-align:center;
	padding:30px 0px;
}

.flogo img{
	height:100px;
}

.fcright{
	padding:0px 30px;
}

.fcright p{
	color:#ecdcd4;
}

.nuzu{
	text-align:right;
}

.gform_title{
	display:none;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{
	background-color:white;
	padding:15px 30px;
	color:black;
	border:2px solid black;
}

.fmenu {
    margin-bottom: 30px !important;
}

.innerbanner-pages .ptitle{
	bottom:26px;
	font-size:3rem;
}

.page-id-28 input{
	border:unset;
	border-bottom:2px solid black;
}

.page-id-28 textarea{
	border:unset;
	border-bottom:2px solid black;
}

.blog_post{
	margin:20px 0px;
}

.blog_img{
	height:200px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (max-width: 767.98px) {
	
	.headwrp{
		opacity: unset;
		position: relative;
		height:150px;
	}
	
	.headpc a{
		margin:0px 20px;
	}
	
	.headpc span{
		display:none;
	}
	
	.fa-bars{
		color:white;
	}
	
	.innerbanner{
		height:350px;
	}
	
	.innerbanner-pages{
		height:350px;
	}
	
	.fa-bars:before{
		color:#70665b;
	}
	
	.ubermenu-skin-minimal.ubermenu-responsive-toggle{
		color:#70665b !important;
		font-family: 'Myriad Regular' !important;
		position: relative !important;
        top: -98px !important;
        left: -16px !important;
        width: 163px;
	}
	
	.ubermenu-responsive-default.ubermenu-responsive.ubermenu{
		top: -27px !important;
        background-color: #eeeeee !important;
        width: 107% !important;
        left: 12px !important;
        position: relative !important;
		text-transform:uppercase;
		padding: 20px 0px;
	}
	
	.title-page {
		text-align:center;
		padding:0px;
		top:-10px;
	}
	
	.innerbanner .ptitle{
		top:0;
		position:relative;
		font-size:2rem;
		height: 100%;
        display: flex;
        align-items: center;
	}
	
	.innerbanner-pages .title-page{
		top: 118px;
	}
	
	.sec-item .sec-text-with-image .col-cont{
		padding-bottom:50px;
	}
	
	.sec-item .sec-text-with-image .col-cont h2{
		text-align:center;
	}
	
	.sec-item-3 p{
		text-align:center;
	}
	
	.sec-text-with-bg-image h2{
		text-align:center;
	}
	
	.sec {
		padding:0px;
	}
	
	.all-prj{
		margin-bottom:40px;
	}
	
	.flist {
		position: relative;
		display: unset;
		justify-content: unset;
		padding-top: unset;
	}
	
	.flist .list ul{
		padding-left:0px;
	}
	
	.main-content .about-button{
		text-align:center;
	}
	
	.home .title-page h2{
		font-size:2rem;
	}
	
	.home .title-page p{
		font-size:1rem;
		padding-top: 0px;
	}
	
	.home .sec-item-1 h2{
		top: -33px;
		font-size:2.5rem;
	}
	
	.about_more{
		padding:0px;
	}
	
	.about_more a{
		padding: 5px 20px;
	}
	
	.home .sec-item-5{
		padding:20px;
	}
	
	.home .sec-item-4 h2 {
		font-size: 2.5rem;
		top: 23px;
	}
	
	.home .sec-item-5 h2 {
		font-size: 2.4rem;
		top: 42px;
	}
	
	.home .sec-item-5 h3{
		margin-top:0px;
	}
	
	.customer-say{
		padding:20px;
	}
	
	.customer-say .carousel-control-prev {
		top: 0px;
		left: -35px;
	}
	
	.customer-say .carousel-control-next {
		top: 0px;
		right: -32px;
	}
	
	.customer-say:before {
		background-position: bottom right 6px;
		background-size: 35%;
	}
	
	.home .construction-ideas h2 {
		font-size: 2.4rem;
		top: 23px;
	}
	
	.flogo img{
		height: 80px;
	}
	
	.fcright p{
		text-align:center;
	}
	
	.nuzu{
		text-align:center;
	}
	
	.logowrp {
		top: 20px;
	}
	
	.headwrp .quote-menu{
		background-color:unset !important;
		border-radius:unset !important;
	}

	.headwrp .quote-menu span{
		color:unset !important;
	}
	
	.projects{
		padding:50px 0px;
	}
	
	.customer-say .carousel-inner{
		min-height: 230px;
	}
	
	
}