@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Open+Sans:400|Roboto+Condensed";
.custom-h4 {
	font-family:'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	font-size:1.2em;
	border-bottom:solid 1px #fd9d00;
	padding-bottom:8px;
	padding-top:15px;
	color:#fd9d00
}
.indcustom-h1 {
	font-family:'Roboto Condensed', sans-serif;
	font-size:1.75em;
	color:#6d2323;
	margin:0;
	padding:5px 0;
	text-transform:uppercase
}
@media (min-width:768px) {
.indcustom-h1 {
font-size:2.2em
}
}
.custom-h1 {
	font-family:'Roboto Condensed', sans-serif;
	font-size:1.75em;
	color:#6d2323;
	margin:8px 0 10px;
	padding:5px 0 10px;
	text-transform:uppercase;
	border-bottom:dotted 1px #6d2323
}
@media (min-width:768px) {
.custom-h1 {
font-size:2.2em
}
}
.custom-h2 {
	font-family:'Roboto Condensed', sans-serif;
	font-size:1.2em;
	color:#fd9d00;
	border-bottom:dotted 1px #fd9d00;
	padding-bottom:10px;
	margin-bottom:10px
}
.custom2-h2 {
	font-family:'Roboto Slab', serif;
	font-size:1.8em;
	color:#fd9d00
}
.custom3-h2 {
	font-family:'Roboto Condensed', sans-serif;
	font-size:1.75em;
	color:#6d2323;
	margin:0 0 15px;
	padding:5px 0 10px;
	text-transform:uppercase;
	border-bottom:dashed 1px #6d2323
}
@media (min-width:768px) {
.custom3-h2 {
font-size:2.2em
}
}
body {
	font-family:'Open Sans', sans-serif
}
.pagetop {
	padding:5px 0;
	border-top:solid 2px #fd9d00
}
.logo {
	padding-top:10px;
	padding-bottom:10px
}
.topmail {
	color:#6d2323;
	padding-top:5px;
	padding-bottom:10px
}
.topmail a, .topmail a:hover {
	color:#6d2323;
	text-decoration:none
}
.topsmm {
	margin:0;
	padding:0;
	list-style:none;
	color:#6d2323
}
.topsmm li {
	display:inline
}
.topsmm li a {
	color:#6d2323
}
.topsmm li a:hover {
	color:#fd9d00
}
.banner {
	background:#CCC
}
.indtabs {
	background:url(../images/bg.jpg) repeat left top;
	margin-top:20px;
	padding:20px 0 0
}
.tabs {
	background:#FFF;
	padding:10px;
	border:solid 1px #f3f3f3;
	-webkit-box-shadow:0 15px 15px -10px #CCC;
	-moz-box-shadow:0 15px 15px -10px #CCC;
	box-shadow:0 15px 15px -10px #CCC;
	margin-bottom:40px;
transition:.8s;
-webkit-transition:.8s;
-moz-transition:.8s
}
.tabs:hover {
	transform:translateY(-10pt);
	-webkit-transform:translateY(-10pt)
}
.tabs img {
	border:solid 1px #CCC;
	padding:1px
}
.tabs h2 {
	font-family:'Roboto Condensed', sans-serif;
	font-size:1.5em;
	text-transform:uppercase;
	margin:0;
	padding:10px 0 5px;
	color:#6d2323
}
.tabtext {
	padding-bottom:8px
}
.tabs .btn {
	background:#fd9d00;
	color:#FFF
}
.gpresence {
	padding:20px 0
}
.gpcountry {
	margin:0;
	padding:0
}
.gpcountry li {
	display:block;
	width:100px;
	float:left;
	padding-bottom:5px;
	font-family:'Roboto Condensed', sans-serif;
	font-size:1.2em
}
.indbox {
	border:solid 1px #CCC;
	padding:10px;
	margin-top:20px
}
.indbox h3 {
	font-family:'Roboto Condensed', sans-serif;
	font-size:1.25em;
	color:#fd9d00;
	margin:0
}
.ind-content {
	margin-top:15px
}
.ind-content p {
	line-height:1.75em
}
.indcont {
	line-height:2em;
	margin-bottom:15px
}
.ind-right {
	padding-top:6px;
	margin-bottom:30px
}
.tabimg {
	margin-bottom:5px;
	margin-top:10px;
	border:solid 1px #CCC
}
.more {
	background:#fd9d00;
	padding:6px 10px;
	color:#FFF;
	border-radius:5px
}
.more:hover {
	background:#ff7800;
	color:#FFF;
	text-decoration:none
}
.footer {
	color:#FFF;
	background:#fd9d00;
	padding:8px 0
}
.foothead {
	font-family:'Roboto Condensed', sans-serif;
	font-size:1.5em;
	color:#6d2323
}
.foottabs {
	border-bottom:dotted 1px #FFF;
	margin-bottom:8px;
	padding-bottom:10px
}
.footul {
	margin:0;
	padding:0;
	list-style:none
}
.footul li {
	padding-bottom:5px
}
.footul li a {
	color:#FFF
}
.footadrs {
	line-height:22px
}
.footcomp {
	font-family:'Roboto Condensed', sans-serif;
	font-size:1.5em
}
.webkrea a {
	color:#6d2323
}
@media (min-width:768px) {
.webkrea {
text-align:right
}
}
.infraimg img {
	border:solid 1px #CCC;
	margin-top:10px;
	margin-bottom:15px
}
.appimg img {
	border:solid 1px #fd9d00;
	margin-top:15px;
	margin-bottom:25px;
	padding:2px;
transition:.8s;
-webkit-transition:.8s;
-moz-transition:.8s;
	-webkit-box-shadow:0 15px 15px -10px #CCC;
	-moz-box-shadow:0 15px 15px -10px #CCC;
	box-shadow:0 15px 15px -10px #CCC
}
.appimg img:hover {
	transform:translateY(-10pt);
	-webkit-transform:translateY(-10pt)
}
@media (min-width:768px) {
.dropdown:hover>.dropdown-menu {
display:block
}
}
.topnav {
	border-top:solid 2px #6d2323;
	background:#fd9d00
}
.topmenu li a {
	color:#FFF;
	padding-top:10px;
	padding-bottom:12px;
	border-radius:0;
	font-size:1.2em
}
.topmenu li a:hover {
	background:#6d2323;
	color:#FFF
}
.topmenu li ul {
	margin:0;
	padding:0;
	list-style:none
}
.topmenu li ul li a {
	color:#FFF;
	padding-top:12px;
	padding-bottom:12px;
	border-radius:0;
	margin-left:0;
	margin-bottom:1px;
	background:#fd9d00
}
.topmenu li .active {
	background:#6d2323;
	color:#FFF
}
.contactform {
	padding-top:15px
}
.contactform input, .contactform textarea {
	margin-bottom:15px
}
.address {
	padding-top:0
}
.prd-nav {
	margin-top:50px;
	background:#FFF;
	padding:5px;
	border:solid 1px #CCC
}
.prd-nav ul {
	margin:0;
	padding:0;
	list-style:none
}
.prd-nav li {
	margin-bottom:1px
}
.prd-nav li a {
	display:block;
	background:#f90;
	padding:10px;
	color:#1c1c1c;
	text-decoration:none;
	text-transform:capitalize;
	font-weight:700
}
.prd-nav li a:hover {
	background:#6d2323;
	color:#FFF
}
.prd-nav ul ul {
	background:#FFF;
	display:none;
	overflow-x:hidden;
	overflow-y:scroll;
	max-height:100px
}
@media (min-width:768px) {
.prd-nav ul ul {
max-height:400px
}
}
.prd-nav ul ul li a {
	padding:6px 0 6px 45px;
	background:#FFF url(http://www.michiganstones.com/css/images/arr.png) no-repeat 20px center;
	border-bottom:dotted 1px #CCC
}
.prd-nav ul ul li a:hover {
	color:#6d2323;
	background:#fef59e url(http://www.michiganstones.com/css/images/arr.png) no-repeat 20px center
}
.prd-table {
	line-height:22px
}
.prd-table table {
	background:#CCC
}
.prd-table td {
	background:#FFF;
	padding-left:5px;
	text-align:left
}
.prdimg img {
	border:solid 1px #fd9d00;
	padding:2px;
	margin-bottom:20px;
	margin-top:10px;
transition:.8s;
-webkit-transition:.8s;
-moz-transition:.8s;
	-webkit-box-shadow:0 15px 15px -10px #CCC;
	-moz-box-shadow:0 15px 15px -10px #CCC;
	box-shadow:0 15px 15px -10px #CCC
}
.prdimg img:hover {
	transform:translateY(-10pt);
	-webkit-transform:translateY(-10pt)
}
.new-colections {
	padding-top:20px
}
.new-colections img {
	border:solid 1px #fd9d00;
	padding:2px;
transition:.8s;
-webkit-transition:.8s;
-moz-transition:.8s;
	-webkit-box-shadow:0 15px 15px -10px #CCC;
	-moz-box-shadow:0 15px 15px -10px #CCC;
	box-shadow:0 15px 15px -10px #CCC
}
.new-colections img:hover {
	transform:translateY(-10pt);
	-webkit-transform:translateY(-10pt)
}
.new-colections h3 {
	font-size:1em;
	color:#6d2323;
	margin:0;
	padding:10px 0 25px
}
.infraimg img {
	border:solid 1px #fd9d00;
	padding:2px;
transition:.8s;
-webkit-transition:.8s;
-moz-transition:.8s;
	-webkit-box-shadow:0 15px 15px -10px #CCC;
	-moz-box-shadow:0 15px 15px -10px #CCC;
	box-shadow:0 15px 15px -10px #CCC
}
.infraimg img:hover {
	transform:translateY(-10pt);
	-webkit-transform:translateY(-10pt)
}
@media (min-width:768px) {
.new-colections img {
min-height:120px;
max-height:120px;
width:100%
}
.infraimg img {
min-height:160px;
max-height:160px;
width:100%
}
}
.prd-table td {
	border:solid 1px #CCC;
	padding:5px
}
.pricingimg h3 {
	font-size:1em;
	color:#6d2323;
	margin:0;
	padding:10px 0 25px
}
.pricingimg img {
	border:solid 1px #fd9d00;
	padding:2px;
transition:.8s;
-webkit-transition:.8s;
-moz-transition:.8s;
	-webkit-box-shadow:0 15px 15px -10px #CCC;
	-moz-box-shadow:0 15px 15px -10px #CCC;
	box-shadow:0 15px 15px -10px #CCC
}
.pricingimg img:hover {
	transform:translateY(-10pt);
	-webkit-transform:translateY(-10pt)
}
.samesize img {
	min-height:180px;
	max-height:180px;
	width:100%
}
.floating-form {
	max-width:350px;
	padding:30px 30px 10px;
	font:13px Arial, Helvetica, sans-serif;
	background:#F9F9F9;
	border:1px solid #ddd;
	right:10px;
	position:fixed;
	z-index:1000;
	box-shadow:-2px -0 8px rgba(43, 33, 33, 0.06);
	-moz-box-shadow:-2px -0 8px rgba(43, 33, 33, 0.06);
	-webkit-box-shadow:-2px -0 8px rgba(43, 33, 33, 0.06)
}
.contact-opener {
	position:absolute;
	left:-115px;
	transform:rotate(-90deg);
	top:230px;
	background-color:#216288;
	padding:18px;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.43);
	cursor:pointer;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	box-shadow:-2px -0 8px rgba(43, 33, 33, 0.06);
	-moz-box-shadow:-2px -0 8px rgba(43, 33, 33, 0.06);
	-webkit-box-shadow:-2px -0 8px rgba(43, 33, 33, 0.06)
}
.floating-form-heading {
	font-weight:700;
	font-style:italic;
	border-bottom:2px solid #ddd;
	margin-bottom:10px;
	font-size:15px;
	padding-bottom:3px
}
.floating-form label {
	display:block;
	margin:0 0 15px
}
.floating-form label > span {
	width:70px;
	font-weight:700;
	float:left;
	padding-top:8px;
	padding-right:5px
}
.floating-form span.required {
	color:red
}
.floating-form .tel-number-field {
	width:40px;
	text-align:center
}
.floating-form .long {
	width:120px
}
.floating-form input.input-field {
	width:68%
}
.input-field2 {
	width:28%
}
.floating-form input.input-field, .floating-form .tel-number-field, .floating-form .textarea-field, .floating-form .select-field {
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #C2C2C2;
	box-shadow:1px 1px 4px #EBEBEB;
	-moz-box-shadow:1px 1px 4px #EBEBEB;
	-webkit-box-shadow:1px 1px 4px #EBEBEB;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding:7px;
	outline:none
}
.floating-form .input-field:focus, .floating-form .tel-number-field:focus, .floating-form .textarea-field:focus, .floating-form .select-field:focus {
	border:1px solid #0C0
}
.floating-form .textarea-field {
	height:100px;
	width:68%
}
.floating-form input[type="button"], .floating-form input[type="submit"], .contact-opener {
	-moz-box-shadow:inset 0 1px 0 0 #3985B1;
	-webkit-box-shadow:inset 0 1px 0 0 #3985B1;
	box-shadow:inset 0 1px 0 0 #3985B1;
	background-color:#216288;
	border:1px solid #17445E;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	padding:8px 18px;
	text-decoration:none;
	font:12px Arial, Helvetica, sans-serif
}
.floating-form input[type="button"]:hover, .floating-form input[type="submit"]:hover, .contact-opener {
	background:linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
	background-color:#28739E
}
.floating-form .success {
	background:#D8FFC0;
	padding:5px 10px;
	margin:0 0 5px;
	border:none;
	font-weight:700;
	color:#2E6800;
	border-left:3px solid #2E6800
}
.floating-form .error {
	background:#FFE8E8;
	padding:5px 10px;
	margin:0 0 5px;
	border:none;
	font-weight:700;
	color:red;
	border-left:3px solid red
}
.tagline {
	padding:10px 0
}
.tagline h2 {
	margin:0;
	padding:0 0 10px;
	font-family:'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	font-size:1em;
}
.tagline h2 span {
	color:red;
	text-shadow:0
}
.tagline h3 {
	margin:0;
	padding:0;
	font-family:'Roboto Condensed', sans-serif;
	font-size:14px;
	text-transform:capitalize
}
@media (min-width:768px) {
	.tagline h2 {
	font-size:3.5em
	}
	.tagline h3 {
	font-size:1.5em;
	}
}
.glang {
	padding-left:5px
}