@import url("bootstrap.min.css");
@import url("animate.css");

/**
*	Date:		06/01/2017
*	Designer: 	bleep designs
*	URL		:	www.strangezone.com
*	Website:	mainstreetresidential.com
*/

/*
	- FONT STYLES
	- HEADER & NAVIGATION
	- BIG HERO SECTION
	- SECTION
	- FORM
*/

/* TYPOGRAPHY STYLES
================================================== */

html, body { 
	height: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
body {
	background-color: #000;
	font-size: 1.000em;
	line-height: 1.42857143em;
	color: #fffeee;
	/* color: #fffeee; */
}
h1 { 
	font-size: 30px;
	color: #fffeee;
	margin-bottom: 30px;
}
h1 small {
	color: #d55101;
	display: block;
	font-size: 24px;
	text-transform: capitalize;
}
h1 span {
	font-size: 20px;
	color: #fcffce;
}
h2 { 
	font-family: inherit;
	font-size: 20px;
	color: #fffeee;
	line-height: 24px;
	margin-bottom: 30px;
}
h2 em {
	display: block;
	font-size: 20px;
}
h3 {
	font-size: 20px;
	font-weight: normal;
	line-height: 26px;
}
p {
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
	margin: 30px 0;
}
p:last-child {
	margin-bottom: 0;
}
a:link 	{
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
}
ol, ul {
	font-size: 18px;
	font-weight: 300;
	line-height: 26px;
	margin: 30px 0;
}
ol li {
	margin-bottom: 20px;
}
ol li:last-child {
	margin-bottom: 0;
}
.legend {
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
}
img.round {
	border-radius: 10px;
}
.txt-center {
	text-align: center;
}
.article-date {
	font-size: 14px;
	border-bottom: 1px dashed #ccc;
}

/* HEADER & NAVIGATION STYLE
================================================== */

nav .navbar {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110px;
	background-color: #0d222d;
	padding: 0;
	border-bottom: 1px solid #555048;
}
nav .nav-main {
	width: 1140px;
	height: 110px;
	margin: 0 auto;
	/*overflow: hidden;*/
}
nav .nav-logo {
	float: left;
	width: 208px;
	height: 85px;
	margin-top: 12px;
}
nav .navigation {
	float: right;
	width: 920px;
	line-height: 110px;
	font-size: 17px;
	text-align: right;
	clear: right;
}
nav .navigation a {
	color: #fff;
	text-transform: uppercase;
	padding-left: 5px;
	padding-right: 5px;
}
nav .navigation span {
	color: #333;
}

/* BIG HERO SECTION
================================================== */

section.bighero {
	background-image: url(../media/slides/slides-new.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 800px;
	overflow: hidden;
	text-align: center;
}
.bighero-msg {
	position: relative;
	top: 225px;
	margin: auto;
	padding: 25px;
	width: 760px;
	background: rgba(0, 0, 0, 0.7);
}
.bighero-msg h1 {
	text-transform: uppercase;
	font-size: 34px;
	font-weight: 300;
	margin: 0;
	padding: 0;
}
.bighero-msg .hr {
	width: 100%;
	height: 1px;
	border-top: 1px dashed #555048;
	margin: 20px auto;
}
.bighero-msg p {
	text-align: justify;
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
	margin: 0 0 20px 0;
	padding: 0;
}

/* TINY HERO SECTION
================================================== */

section.tinyhero {
	background-color: #394f5c;
	width: 100%;
	height: 200px;
}
section.value {
	background-image: url(../media/graphics/val-img-tinyhero.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
section.leadership {
	background-image: url(../media/graphics/lea-img-tinyhero.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
section.executive {
	background-image: url(../media/graphics/exe-img-tinyhero.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
section.newsroom {
	background-image: url(../media/graphics/new-img-tinyhero.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
section.contact {
	background-image: url(../media/graphics/con-img-tinyhero.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.tinyhero-msg {
	width: 1090px;
	height: 200px;
	margin: 0 auto;
	overflow: hidden;
}
.tinyhero-msg .title {
	color: #fffbb4;
	font-size: 30px;
	font-weight: 400;
	line-height: 200px;
	text-align: center;
	margin: 0;
	padding: 0;
}

/* BUTTONS STYLE
================================================== */

.bighero-msg .btn {
	margin: 20px 10px 20px 10px;
}
.btn {
	padding-left: 40px;
	padding-right: 40px;
	text-transform: uppercase;
}
.bighero-msg .btn-info {
	background-color: #3fb76e;
}
.btn-primary {
	color: #fff;
	background-color: #3fb76e;
	border-color: #3fb76e;
}
.btn-primary:hover {
	color: #fff;
	background-color: #299955;
	border-color: #25874c;
}

/* SECTIONS STYLES
================================================== */

section#hom-sec-01, section#hom-sec-02, section#hom-sec-03, section#val-sec-01, section#val-sec-02, section#val-sec-03, section#val-sec-04, section#lea-sec-01, section#lea-sec-02, section#lea-sec-03, section#exe-sec-01, section#exe-sec-02, section#exe-sec-03, section#new-sec-01, section#new-sec-02, section#new-sec-03, section#new-sec-04, section#con-sec-01, section#con-sec-02 {
	padding: 75px 0 75px 0;
}
section#val-sec-02, section#lea-sec-02, section#exe-sec-02, section#val-sec-04, section#lea-sec-04, section#exe-sec-04, section#new-sec-02, section#new-sec-04 {
	background-color: #394f5a;
}
section#hom-sec-02 {
	background-color: #394f5a;
	background-image: url(../media/graphics/hom-img-enhanced-value.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
section#hom-sec-03 {
	background-color: #000;
	background-image: url(../media/graphics/hom-img-leadership.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
section#exe-sec-01 {
	background-color: #000;
	background-image: url(../media/graphics/exe-img-sec-01.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
section#exe-sec-03 {
	background-color: #000;
	background-image: url(../media/graphics/exe-img-sec-03.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
section#val-sec-01 {
	background-color: #000;
}
section#val-sec-01 img {
	width: 50%;
}
section#val-sec-03 img {
	width: 80%;
}
section.new-sec-01 img, section.new-sec-02 img {
	margin-top: 40px;
}
#footer {
	background-color: #0d222d;
	height: 75px;
	margin: 0;
	padding: 0;
}
.footer p {
	color: #fff;
	font-size: 12px;
	margin: 28px 0 0 0;
}
.footer p a	{
	color: #fff;
}

/* FORM STYLES
================================================== */

label {
	color:#fff;
	font-size: 14px;
	text-align: left;
	width: 100%;
}
form .btn {
	padding-top:10px;
	padding-bottom:10px;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="password"], textarea {
	background-color: #ffffff;
	color: #6a6a6a;
	box-shadow: inset 0px 2px 3px #dddddd;
	-webkit-box-shadow: inset 0px 2px 3px #dddddd;
	-moz-box-shadow: inset 0px 2px 3px #dddddd;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #bbbbbb;
	width: 100%;
	font-size: 16px;
	line-height: 16px;
	height: 34px;
	padding-left: 9px;
	padding-right: 9px;
	margin-bottom: 15px;
}
input[type="text"].tranparent, input[type="tel"].tranparent, input[type="email"].tranparent, input[type="password"].tranparent, textarea.tranparent {
	background:none;
	border:1px solid #7cbf1d;
	color:#7cbf1d;
}
textarea {
	height: 100px;
	padding-top: 15px;
}

/* MEDIA QUERIES
================================================== */

/* Small Smart phones  ----------- */
@media only screen and (max-device-width : 320px) {
	.desktop {
		display: none;
	}
}


/* Smart phones & tablets  ----------- */
@media only screen and (max-device-width : 480px) {
	.desktop {
		display: none;
	}
	.mrg-r40 h1, .mrg-r40 p, .mrg-l40 h1, .mrg-l40 p, .mrg-r20 h1, .mrg-r20 p, .mrg-l20 h1, .mrg-l20 p {
		margin-left: 20px;
		margin-right: 20px;
	}
	.brd-l {
		border: none;
	}
	section#hom-sec-01, section#hom-sec-02, section#hom-sec-03, section#val-sec-01, section#val-sec-02, section#val-sec-03, section#val-sec-04, section#lea-sec-01, section#lea-sec-02, section#lea-sec-03, section#exe-sec-01, section#exe-sec-02, section#exe-sec-03, section#new-sec-01, section#new-sec-02, section#con-sec-01, section#con-sec-02 {
	padding: 35px 0 35px 0;
	}
	section#hom-sec-01 {
		background-image: none;
	}
	section#hom-sec-02 {
		background-image: none;
	}
	section#hom-sec-03 {
		background-image: none;
	}
	section#exe-sec-03 {
		background-image: none;
	}
	.btn-outline-secondary {
		display: none;
	}
	nav .nav-main {
		width: 100%;
		height: 85px;
		margin: 0 auto;
		overflow: hidden;
	}
	nav .nav-logo {
		text-align: center;
		width: 100%;
		height: 60px;
		margin: 12px auto 0;
	}
	section.bighero {
		background-image: url(../media/slides/slide-04.jpg);
		background-position: top right;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 500px;
		overflow: hidden;
		text-align: center;
	}
	.bighero-msg {
		position: relative;
		top: 0;
		margin: auto;
		padding: 25px;
		width: 100%;
		height: 550px;
		background: rgba(0, 0, 0, 0.7);
	}
	.bighero-msg p {
		text-align: center;
		font-size: 20px;
		font-weight: 300;
		line-height: 28px;
		margin: 0 0 20px 0;
		padding: 0;
	}
}

/* Large Screen  ----------- */
@media only screen and (min-device-width : 1024px) {
	.mobile {
		display: none;
	}
	.mrg-r40 h1, .mrg-r40 p, .mrg-r40 form {
		margin-right: 40px;
	}
	.mrg-l40 h1, .mrg-l40 p, .mrg-l40 h2 {
		margin-left: 40px;
	}
	.mrg-r20 h1, .mrg-r20 p {
		margin-right: 20px;
	}
	.mrg-l20 h1, .mrg-l20 p {
		margin-left: 20px;
	}
	.brd-l {
		border-left: 1px solid #394f5c;
	}
}