@import url(http://fonts.googleapis.com/css?family=PT+Sans);
body { margin: 0; border: 0; font-family: 'PT Sans', sans-serif; color: #999999; font-size: 16px; }
.container { width: 100%; background: #FFF; }
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
	font-family: 'PT Sans', sans-serif;
}
.col:first-child { margin-left: 0; }
.clear { clear: both }

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}
.span12 { width: 100%; }
.span11 { width: 91.53%; }
.span10 { width: 83.06%; }
.span9 { width: 74.6%; }
.span8 { width: 66.13%; }
.span7 { width: 57.66%; }
.span6 { width: 49.2%; }
.span5 { width: 40.73%; }
.span4 { width: 32.26%; }
.span3 { width: 23.8%; }
.span2 { width: 15.33%; }
.span1 { width: 6.86%; }
img { max-width: 100%; height: auto; }
.main {  margin: auto; width: 960px; }
/*top*/
.top-header { background: #393939;  }
.top { width: 680px; margin: auto; color: #e2e2e2; padding: 5px 0; }
.contact { text-align: center; font-size: 18px; padding: 5px 0; text-transform: none; }
.top .contact-no { border: 0; }
.contact a { color: #252424; text-decoration: none; }
.contact a:hover { color: #252424; text-decoration: underline; }
.top .contact img { margin-bottom: -2px; }
/*logo*/
.logo { }
.logo-img { padding: 10px 0 0 15px; }
.follow { color: #252424; font-size: 24px; text-transform: uppercase; text-align: center; padding-left: 44px; }
.follow img { padding-left: 5px; }
/*Slide-bottom*/
.slide-bottom { font-size: 16px; padding: 0 0 15px 0; }
h1 { color: #000000; text-transform: uppercase; font-size: 20px; }
p { color: #999999; font-size: 16px; }
.slide-bottom a { color: #b51c1c; text-decoration: none; font-style: italic; font-weight: bold; text-transform: uppercase; }
.slide-bottom a:hover { color: #b51c1c; text-decoration: underline; font-style: italic; font-weight: bold; text-transform: uppercase; }
/*Quote*/
.quote { background: url(../images/get_a_quote.jpg) center; background-size: cover; padding: 15px 0; }
.quote h2 { color: #FFF; font-size: 25px; font-weight: bold; text-align: center; width: 767px; margin: auto; }
.quote .get-btn { width: 140px; margin: auto; padding: 15px 0; text-align: center; font-size: 20px; background: #fff; }
.get-btn a { color: #e02f2f; text-decoration: none; }
.get-btn a:hover { color: #e02f2f; text-decoration: none; font-weight: bold; }
/*Tabs*/
.tabs { background: #fafafa; padding: 15px 0; }
.tabs li p { color: #fff; font-weight: bold; font-size: 19px; }
/*why*/
.why { padding: 10px 0; }
.why .title { font-size: 32px; color: #000; text-align: left; font-weight: bold; }
.why .divider { background: url(../images/divider.jpg) repeat-x; height: 25px; text-align: right; }
.why .red-block { padding-right: 15px }
/*footer*/
.footer { background: #b51c1c; padding: 15px 0; text-transform: uppercase; }
.footer p { color: #fff; font-size: 14px; }
.footer a { color: #fff; text-decoration: none; padding-right: 15px; }
.footer a:hover { color: #fff; text-decoration: underline; }
/*Map Container*/
.map-container {
position: relative;
padding-bottom: 26.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.map-container iframe,
.map-container object,
.map-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.form-control { display: block;
width: 275px;
height: 25px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555;
background-color: #FFF;
background-image: none;
border: 1px solid #CCC;
border-radius: 4px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.form-control:focus {
    border-color: #66AFE9;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
}
.text-area { height: 50px; }
.btn { display: inline-block;
padding: 6px 12px;
margin-bottom: 0px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-moz-user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px; }
.btn:hover {
color: #FFF;
background-color: #C9302C;
border-color: #AC2925;
font-size: 14px;
}
.contacts { text-align: left; font-size: 18px; text-transform: none; color: #252424; }
.contacts p { color: #252424; margin: 6px 0; }
.contacts h3 { color: #B51C1C; }
.contacts a { color: #252424; text-decoration: none; }
.contacts a:hover { color: #252424; text-decoration: underline; }
.contacts ul { padding: 0; }
.contacts ul li { list-style: square; border-bottom: 1px solid #000; line-height: 40px; }
.contacts ul li:last-child { border: 0 }
.contacts ul li:hover, .contacts ul li a:hover, .contacts ul .active a { color: #B51C1C; text-decoration: none; }
.btn-lg {  padding: 10px 26px; width: 151px; background: #B51C1C; text-transform: uppercase; margin: 0 auto 10px auto; text-align: center;  }
.btn-right { margin-right: 20px; }
.btn-lg  a { color: #fff; text-decoration: none; width: 150px; }
.btn-lg  a:hover { color: #fff; text-decoration: underline; width: 150px; }
/*Products Category*/
.products-cat p { text-align: center; }
.products-cat p a { color: #000; text-decoration: none; }
.products-cat p a:hover { color: #000; text-decoration: underline; }
.products h3 { color: #B51C1C; margin: 10px 0; }
.water { position: relative; }
.reserve {
	position: absolute;
	bottom: 25%;
	right: 60%;
    padding: 10px;
    text-align: center;
	width: 100px;
	height: 32px;
    transform: rotate(36deg);
	background: url(../images/reserve.jpg) no-repeat center;
	opacity: 0.7
}
.sold {
	position: absolute;
	bottom: 25%;
	right: 60%;
    padding: 10px;
	width: 100px;
	height: 32px;
    transform: rotate(36deg);
	background: url(../images/sold.jpg) no-repeat center;
	opacity: 0.7
}
@media only screen and (max-width: 768px) {
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 { width: 100%; text-align: center; }
.quote h2, .main { width: auto; margin: auto; }
.social { float: none; text-align: center; }
.col { margin: 1% 0 1% 0%; float: left;}
.top .contact { border: 0; }
.logo { padding-top: 9%; text-align: center; }
.logo-right { padding-top: 10px; }
.logo-img  { padding: 0; }
.follow { padding: 0; }
.menu { position: fixed; top: 0; z-index: 101; margin: 0; width: 100%; }
.form-control { margin: auto; width: auto; }
}
@media only screen and (max-width: 480px) {
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 { width: 100%; text-align: center; }
.quote h2, .main { width: auto; margin: auto; }
.social { float: none; text-align: center; }
.col { margin: 1% 0 1% 0%; float: left;}
.top .contact { border: 0; }
.top { padding-top: 25%; text-align: center; }
.logo { padding-top: 20%; text-align: center; }
.logo-img  { padding: 0; }
.follow { padding: 0; }
.menu { position: fixed; top: 0; z-index: 101; width: 100%; margin: 0; }
.form-control { margin: auto; width: auto;  }
}


.section.group.products-cat .col:first-child{
	margin-left: 1.6%;
}
.section.group.products-cat .span4{
	width: 31.5% !important;
}