:root {
	--colorbody1: #140C03;
	--colorbody2: #caaf85;
	--colorbody3: #FBF0BC;
	--colorbody4: #F6B246;

	--colormenu1: #f8f4e3;
	--colormenu2: #140C03;
	--colormenu3: #9BBEC7;  
	--colormenu4: #BB9861;

	/*-- Home --*/
	--colora1: #ac8850;
	--colora2: #fff8d6;
	--colora3: #FFFDF5;
	--colora4: #ffde00;
	
	/*-- Blog --*/
	--colorf1: #688a93;
	--colorf2: #fff8d6;
	--colorf3: #FFFDF5;
	--colorf4: #b6ecfa;

	/*-- Architectural --*/
	--colorb1: #657167;
	--colorb2: #fff8d6;
	--colorb3: #FFFDF5;
	--colorb4: #a2dea9;

	/*-- Construction --*/
	--colorc1: #767156;
	--colorc2: #fff8d6;
	--colorc3: #FFFDF5;
	--colorc4: #bfeb4a;

	/*-- Real Estate --*/
	--colord1: #9d8b64;
	--colord2: #fff8d6;
	--colord3: #FFFDF5;
	--colord4: #ffe26c;
	
	/*-- Insurance --*/
	--colore1: #47636F;
	--colore2: #fff8d6;
	--colore3: #FFFDF5;
	--colore4: #78d9f3;
	
	/*-- Contact --*/
	--colorg1: #75976b;
	--colorg2: #fff8d6;
	--colorg3: #FFFDF5;
	--colorg4: #e6ff11;

	/*-- General --*/
	--colorh1: #c09370;
	--colorh2: #fff8d6;
	--colorh3: #FFFDF5;
	--colorh4: #fbf944;
	
	}









/*---------------------------------------
    General               
-----------------------------------------*/

html,body {
	width: 100%;
	height: 100%;
	}

body {
	background: var(--colorbody1);
    color: var(--colorbody2);
    font-family: "Marcellus", serif;
    font-weight: 400;
    letter-spacing: 1px;
    font-style: normal;
    overflow-x: hidden;
	}

a {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	text-decoration: none;
	border:0;
	}

html{
	-webkit-font-smoothing: antialiased;
	}
	
.row-flex {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	}

.row-flex2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.homepadding {
	padding: 70px 40px 40px 40px;
	}

.menupadding {	
	padding: 40px 0px 0px 0px;
	}

.stdpadding {
	padding: 20px 40px 40px 40px;
	}
	
.tablepadding {	
	padding: 0px 0px 15px 0px;
	}

.zeropadding {
	padding: 0px;
	}








/*---------------------------------------
    Typorgraphy              
-----------------------------------------*/

a {
	font-style: normal;
	font-variant: small-caps;
	font-weight: 300;
	}

h1,h2,h3,h4,h5,h6,a {
	font-style: normal;
	font-variant: small-caps;
	font-weight: 300;
	}

h1 {
	font-size: 42px;
	margin-bottom: 0px;
	}

h2 {
	font-size: 30px;
	line-height: 52px;
	margin-top: 0px;
	}

h3 {
	font-size: 26px;
	line-height: 32px;
	}

h4 {
	font-size: 16px;
	font-weight: normal;
	}

h5 {
	font-size: 15px;
	line-height: 30px;
	}

strong {
	font-weight: bold;
	}

p{
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
	}

li {
	}

.parallax-section {
	background-attachment: fixed !important;
	background-size: cover !important;
	}

#about,
#architectural,
#realestate,
#contact {
	position: relative;
	}

#home .container,
#architectural .container, 
#realestate .container,
#contact .container {
	width: 100%;
	margin: 0;
	padding: 0px;
	}

.scrptmsg {
    text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	}

/*---------------------------------------
    Preloader section              
-----------------------------------------*/

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: none repeat scroll 0 0 var(--colorbody3);
	}

.spinner {
	border: 1px solid transparent;
	border-radius: 5px;
	position: relative;
	}

.spinner:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-top: -10px;
	margin-left: -10px;
	border-radius: 50%;
	border: 2px solid var(--colormenu1);
	border-top-color: var(--colorbody1);
	animation: spinner .6s linear infinite;
	}

@-webkit-@keyframes spinner {
	to {transform: rotate(360deg);}
	}

@keyframes spinner {
	to {transform: rotate(360deg);}
	}





/*---------------------------------------
    Navigation section              
-----------------------------------------*/

.custom-navbar {
    margin-bottom: 0;
    border:none;
	}

.custom-navbar .navbar-brand {
    color: var(--colormenu2);
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    padding: 10px 0px;
    pull-left;
    outline: none !important;
	}

.custom-navbar .nav li a {
    background-color: var(--colormenu1);
    color: var(--colormenu2);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    transition: all 0.4s ease-in-out;
    padding: 16px 10px;
    pull-right;
    outline: none !important;
	}

.custom-navbar .nav li a:hover {
	color: var(--colormenu3);
	text-decoration: none;
	}

.custom-navbar .navbar-nav > li > a:hover {
	pull-right;
	background-color: var(--colormenu1);
	}
	
.custom-navbar .navbar-nav > li > a:focus {
	pull-right;
	background-color: var(--colormenu1);
	}

.custom-navbar .nav li.active > a {
	pull-right;
	color: var(--colormenu4);
	}

.custom-navbar .navbar-toggle {
	pull-right;
	}

.custom-navbar .navbar-toggle .icon-bar {
	color: var(--colormenu2);
	background-color: var(--colormenu2);
	}

@media(min-width:2000px) {
    .custom-navbar {
		border-bottom: 0;
		background: 0 0; 
		}
    .custom-navbar.top-nav-collapse {
        padding: 0px;
		}
	}

.section-btn {
	background-color: transparent;
	border: 3px solid var(--colormenu2);
	border-radius: 100px;
	color: transparent;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1.6px;
	padding: 12px 36px;
	margin-top: 42px;
	transition: all 0.4s ease-in-out;
	}

.section-btn:hover {
	background: var(--colormenu3);
	}

.btn-success:focus {
	background-color: var(--colormenu2);
	}



/*---------------------------------------
    Home section              
-----------------------------------------*/

.home-body {
	background: var(--colora1);
	color: var(--colora2);
	}

#home h1,h2,h3,h4,h5,h6,strong {
	color: var(--colora3);
	}

#home em {
	line-height: 0em;
	padding-top:0px;
	color: var(--colora3);
	font-size:11px;
	}

#home a:hover {
	color: var(--colora3);
	text-decoration: none;
	}

#home a:link {
	color: var(--colora4);
	text-decoration: none;
	}
	
#home a:visited {
	color: var(--colora4);
	text-decoration: none;
	}



#home .bckgrnd-img {
	background: url('../images/home.jpg') no-repeat;
	max-width: 100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
	object-fit: cover;
	}



/*---------------------------------------
   architectural section              
-----------------------------------------*/
  
.architectural-body {
	background: var(--colorb1);
	color: var(--colorb2);
	}

#architectural h1,h2,h3,h4,h5,h6,strong {
	color: var(--colorb3);
	}

#architectural em {
	line-height: 0em;
	padding-top:0px;
	color: var(--colorb3);
	font-size:11px;
	}
	
#architectural a:link {
	color: var(--colorb4);
	text-decoration: none;
	}
	
#architectural a:visited {
	color: var(--colorb4);
	text-decoration: none;
	}
	
#architectural a:hover {
	color: var(--colorb3);
	text-decoration: none;
	}

#architectural .bckgrnd-img {
	background: url('../images/architectural.jpg') no-repeat;
	max-width: 100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
	object-fit: cover;
	}



/*---------------------------------------
   construction section              
-----------------------------------------*/
  
.construction-body {
	background: var(--colorc1);
	color: var(--colorc2);
	}

#construction h1,h2,h3,h4,h5,h6,strong {
	color: var(--colorc3);
	}

#construction em {
	line-height: 0em;
	padding-top:0px;
	color: var(--colorc3);
	font-size:11px;
	}

#construction a:link {
	color: var(--colorc4);
	text-decoration: none;
	}
	
#construction a:visited {
	color: var(--colorc4);
	text-decoration: none;
	}

#construction a:hover {
	color: var(--colorc3);
	text-decoration: none;
	}

#construction .bckgrnd-img {
	background: url('../images/construction.jpg') no-repeat;
	max-width: 100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
	object-fit: cover;
	}



/*---------------------------------------
    realestate section              
-----------------------------------------*/

.realestate-body {
	background: var(--colord1);
	color: var(--colord2);
	}

#realestate h1,h2,h3,h4,h5,h6,strong {
	color: var(--colord3);
	}

#realestate em {
	line-height: 0em;
	padding-top:0px;
	color: var(--colord3);
	font-size:11px;
	}

#realestate a:link {
	color: var(--colord4);
	text-decoration: none;
	}

#realestate a:visited {
	color: var(--colord4);
	text-decoration: none;
	}

#realestate a:hover {
	color: var(--colord3);
	text-decoration: none;
	}

#realestate .bckgrnd-img {
	background: url('../images/realestate.jpg') no-repeat;
	max-width: 100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
	object-fit: cover;
	}





/*---------------------------------------
    insurance section              
-----------------------------------------*/

.insurance-body {
	background: var(--colore1);
	color: var(--colore2);
	}

#insurance h1,h2,h3,h4,h5,h6,strong {
	color: var(--colore3);
	}

#realestate em {
	line-height: 0em;
	padding-top:0px;
	color: var(--colore3);
	font-size:11px;
	}

#insurance a:link {
	color: var(--colore4);
	text-decoration: none;
	}
	
#insurance a:visited {
	color: var(--colore4);
	text-decoration: none;
	}

#insurance a:hover {
	color: var(--colore3);
	text-decoration: none;
	}

#insurance .bckgrnd-img {
	background: url('../images/insurance.jpg') no-repeat;
	max-width: 100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
	object-fit: cover;
	}













/*---------------------------------------
    RSS Blog             
-----------------------------------------*/

.blog-body {
	background: var(--colorf1);
	color: var(--colorf2);
	}

#blog h1,h2,h3,h4,h5,h6,strong {
	color: var(--colorf3);
	}

#blog em {
	line-height: 0em;
	padding-top:0px;
	color: var(--colorf3);
	font-size:11px;
	}

#blog a:link {
	color: var(--colorf4);
	text-decoration: none;
	}
	
#blog a:visited {
	color: var(--colorf4);
	text-decoration: none;
	}

#blog a:hover {
	color: var(--colorf3);
	text-decoration: none;
	}

#blog .bckgrnd-img {
	background: url('../images/blog.jpg') no-repeat;
	max-width: 100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
	object-fit: cover;
	}




.rss-feed {
	}


.rss-feed h4 {
	}


.rss-feed img {
	}













/*---------------------------------------
    Contact section              
-----------------------------------------*/
  
.contact-body {
	background: var(--colorg1);
	color: var(--colorg2);
	}

#contact h1,h2,h3,h4,h5,h6,strong {
	color: var(--colorg3);
	}

#contact em {
	line-height: 0em;
	padding-top:0px;
	color: var(--colorg3);
	font-size:11px;
	}

#contact a:link {
	color: var(--colorg4);
	text-decoration: none;
	}
	
#contact a:visited {
	color: var(--colorg4);
	text-decoration: none;
	}

#contact a:hover {
	color: var(--colorg3);
	text-decoration: none;
	}

#contact .bckgrnd-img {
	background: url('../images/contact.jpg') no-repeat;
	max-width: 100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
	object-fit: cover;
	}

/*---------------------------------------
    Contact Form             
-----------------------------------------*/

.form-control::-moz-placeholder{color:#FBF0BC;opacity:1;}
.form-control:-ms-input-placeholder{color:#FBF0BC;}
.form-control::-webkit-input-placeholder{color:#FBF0BC;}

input:focus::-moz-placeholder {color: transparent;}
input:focus::-ms-input-placeholder {color: transparent;}
input:focus::-webkit-input-placeholder {color: transparent;}

textarea:focus::-moz-placeholder {color: transparent;}
textarea:focus::-ms-input-placeholder {color: transparent;}
textarea:focus::-webkit-input-placeholder {color: transparent;}

.form-control {
	background: transparent;
	border:1px solid var(--colorg3);
	border-radius: 6px;
	box-shadow: none;
	color: var(--colorg3);
	}

.form-label {
	width: 200px;
	}

input[type="submit"] {
	background: var(--colorg3);
	border: 0px;
	border-radius: 40px;
	color: var(--colorg1);
	justify-content: center;
	}

input[type="submit"]:hover {
	background: var(--colorg4);
	}

/*---------------------------------------
   Footer section              
-----------------------------------------*/

footer {
    padding: 10px 0px;
    text-align: center;
	}

/*---------------------------------------
   Mobile Responsive         
-----------------------------------------*/

@media only screen and (max-width: 580px) {
	h1 {
		font-size: 32px;
		}
	h2 {
		font-size: 28px;
		line-height: inherit;
		}
	h3 {
		font-size: 22px;
		line-height: inherit;
		}
	}

@media only screen and (max-width: 767px) {
	.custom-navbar .navbar-brand {
		line-height: 18px;
		}
	}

@media only screen and (max-width: 1024px) {
	.section-title {
		padding-bottom: 12px;
		}
	}