/* ----------------------------------------------
	Mobile CSS Document - CMS Template Buddy
	Template No.: 010
	Version: 1.01
	
	www.cmstemplatebuddy.com

	Please read README_FIRST.txt
------------------------------------------------- */

/* #Media Queries
================================================== */

/* #Tablet (Portrait)
================================================== */	
.mobile-nav-trigger,  .mobile-nav {
	display: none;
}

 @media screen and (max-width: 767px) {
.newsR {
width:415px;
}
div .sideNavLink {
display:none;
}
.NewsSummarySummary {
    margin: 3px 0px 7px 0px !important;
width:400px !important;
}
.standard-navigation, header nav {
	display: none;
}
.mobile-nav-trigger {
	display: block;
	width: 66px;
	height: 32px;
margin-top:8px;
	text-indent: -9999px;
	border-right: #e1e1e1 solid 1px;
	overflow: hidden;
}
.mobile-nav-trigger span {
	position: relative;
	display: block;
}
.mobile-nav-trigger span:before {
	content: "";
	position: absolute;
	left: 22px;
	top: 9px;
	width: 20px;
	height: 3px;
	background: #505050;
	box-shadow: 0 6px 0 0 #505050, 0 12px 0 0 #505050;
}
.mobile-nav-trigger.active {
	background-color: #737475;
	border-right: none;
	height: 56px;
}
.mobile-nav-trigger.active span:before {
	background: #fff;
	box-shadow: 0 6px 0 0 #fff, 0 12px 0 0 #fff;
}

/* Mobile navigation */
section.mobile-navigation {
	padding: 0;
overflow:hidden;
float:left;
}
.mobile-navigation  {
	display: block;
	list-style: none;
	margin: 0;
	padding: 10px 6px;
	background-color: #737475;
	width: 100%;
cursor:pointer;
}
.mobile-navigation ul li {
	margin: 0;
	padding: 0;
	float: none !important;
cursor:pointer;
}
.mobile-navigation ul li a {
	width: 100%;
	font-size: 14px;
	padding: 7px 10px;
	display: block;
	color: #fff;
}
.mobile-navigation ul li a:hover, .mobile-navigation ul li a:active, .mobile-navigation ul li a:focus {
	text-decoration: none;
	background-color: #444;
cursor:pointer;
}
/* second level */
.mobile-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mobile-navigation ul li a {
	padding-left: 20px;
}
/* third level */
.mobile-navigation ul ul {
	list-style: none;
cursor:pointer;
}

.mobile-navigation ul ul li a {
	padding-left: 40px;
}
.mobile-navigation ul ul li a:link {
text-decoration: none;
background-color: #737475;
}
.mobile-navigation ul ul li a:hover, .mobile-navigation ul ul li a:active, .mobile-navigation ul ul li a:focus  {
	text-decoration: none;
	background-color: #444;
cursor:pointer;
}
.mobile-navigation ul ul ul li a, .mobile-navigation ul ul ul li a:active, .mobile-navigation ul ul ul li a:focus {
	padding-left: 60px;
cursor:pointer;
}
.mobile-navigation ul ul ul ul li a {
	padding-left: 80px;
}
}
 @media screen and (min-width: 767px) {
section.mobile-navigation {
	display: none !important;
}
}
	/* Note: Design for a width of 768px */

	@media only screen and (min-width: 768px) and (max-width: 959px) {
#topWrapper {
width:100%;
}
.MainMenu {
width:546px !important;
}
.sf-menu {
	padding: 12px 15px 0px 0px;
	height: 40px;
}
.newsR {
	width: 172px;
}
.newsR .NewsSummarySummary, .newsR .NewsSummaryContent {
	width: 172px;
}
.flexslider {
	width: 768px;
}
.container {
	width: 768px;
}
.column.alpha, .columns.alpha {
	margin-left: 0px;
	margin-right: 10px;
}
.column.omega, .columns.omega {
	margin-right: 0;
	margin-left: 10px;
}
.clients {
	text-align: center;
}
.container .one-third.column {
	width: 236px;
}
.container .two-thirds.column {
	width: 492px;
}
/*****************************
			12 Column
			((768/12) - 30) * 1 = 34
		*****************************/
			
.container .one.column {
	width: 34px;
}
.container .two.columns {
	width: 98px;
}
.container .three.columns {
	width: 162px;
}
.container .four.columns {
	width: 226px;
}
.container .five.columns {
	width: 290px;
}
.container .six.columns {
	width: 354px;
}
.container .seven.columns {
	width: 418px;
}
.container .eight.columns {
	width: 482px;
}
.container .nine.columns {
	width: 546px;
}
.container .ten.columns {
	width: 610px;
}
.container .eleven.columns {
	width: 674px;
}
.container .twelve.columns {
	width: 738px;
}
/* Offsets */	
.container .offset-by-one {
	margin-left: 64px;
}
.container .offset-by-two {
	margin-left: 128px;
}
.container .offset-by-three {
	margin-left: 192px;
}
.container .offset-by-four {
	margin-left: 256px;
}
.container .offset-by-five {
	margin-left: 320px;
}
.container .offset-by-six {
	margin-left: 384px;
}
.container .offset-by-seven {
	margin-left: 448px;
}
.container .offset-by-eight {
	margin-left: 512px;
}
.container .offset-by-nine {
	margin-left: 576px;
}
.container .offset-by-ten {
	margin-left: 640px;
}
.container .offset-by-eleven {
	margin-left: 704px;
}
div.flex-caption {
	bottom: 35px;
	padding: 10px 20px 20px;
	position: absolute;
	text-align: left;
	width: 160px;
	height: 180px;
	margin: 0;
}
div.flex-caption h2 {
	font-size: 18px;
	line-height: 20px;
}
div.flex-caption p {
	margin-top: 5px;
	font-size: 12px;
	line-height: 16px;
}

.logo {
	max-width: 100%;
}
.logo a {
	width: 600px;
}
.sf-menu a {
	padding: 0.4em 0.6em 0.5em 0.6em;
}
.sf-menu a.sf-with-ul {
	padding-right: 1.25em;
}
a > .sf-sub-indicator {
	top: 0.7em;
}
.sf-sub-indicator {
	right: 0.3em;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	top: 2.2em; /* match top ul list item height */
}
.fourBlocksMoreLink a {
	padding: 0px;
	line-height: 100%;
}
.specialbox {
	font-size: 18px;
}
.search {
width:172px;
}
.search input {
	width: 130px;

}
}
	
/*	#Mobile (Portrait) 
================================================== */
	
	/* Note: Design for a width of 320px */
	
	@media only screen and (max-width: 767px) {
.MainMenu {
width:100% !important;
}
.mobile-nav-trigger{
float:left;
}
#topWrapper {
width:100%;
}
.righttext {
	text-align: center;
}
.detailsHover {
	width: 140px;
	margin: 0px;
	height: auto;
}
span.telephoneIcon, span.envelopeIcon, span.emailIcon {
	padding: 0px 0px 0px 25px !important;
	margin: 0px !important;
}
.logo p {
	position: absolute;
	width: 200px;
	top: 90px;
	left: 150px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 14px;
	line-height: 16px;
}
.emailIcon {
	display: inline;
}
.telephoneIcon {
	display: inline;
}
.logo h1 a img {
	margin: 60px 20px 0px 50px;
width:80px;
	border: none;
}
nav select {
	padding: 6px;
	margin: 0;
	background: #575757;
	color: #fff;
	border: 1px solid #E2E2E2;
	outline: none;
	display: inline-block;
	cursor: pointer;
}
nav select option {
	padding: 5px;
}
.formbuddyfooter .submit input {
	margin: 0px 0px 10px;
}
.sideNav {
	display: none;
}
/*
ul.mobile-nav li.parent ul li.parent {
	display: visible;
}
header .mobile-nav-trigger {
	display: block;
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 66px;
	height: 74px;
	text-indent: -9999px;
	border-right: #e1e1e1 solid 1px;
	overflow: hidden;
}
header .mobile-nav-trigger span {
	position: relative;
	display: block;
}
header .mobile-nav-trigger span:before {
	content: "";
	position: absolute;
	left: 22px;
	top: 30px;
	width: 20px;
	height: 3px;
	background: #505050;
	box-shadow: 0 6px 0 0 #505050, 0 12px 0 0 #505050;
}
header .mobile-nav-trigger.active {
	background-color: #737475;
	border-right: none;
	height: 76px;
}
header .mobile-nav-trigger.active span:before {
	background: #fff;
	box-shadow: 0 6px 0 0 #fff, 0 12px 0 0 #fff;
}
header .container.mobile-header {
	width: 100%;
	height: 76px;
	margin: 0;
	padding: 0;
}
header .container.mobile-header .row {
	margin: 0;
}
header .container.mobile-header .col-sm-12 {
	float: none;
	padding: 0;
}
/* Mobile navigation */
section.mobile-navigation {
	padding: 0;
}
.mobile-nav {
	display: block;
	list-style: none;
	margin: 0;
	padding: 10px 6px;
	background-color: #737475;
	width: 100%;
}
.mobile-nav li {
	margin: 0;
	padding: 0;
	float: none;
}
.mobile-nav li a {
	width: 100%;
	font-size: 14px;
	padding: 7px 10px;
	display: block;
	color: #fff;
}
.mobile-nav li a:hover {
	text-decoration: none;
	background-color: #444;
}
/* second level */
.mobile-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobile-nav ul li a {
	padding-left: 40px;
}
/* third level */
.mobile-nav ul ul {
	list-style: none;
}
.mobile-nav ul ul li a {
	padding-left: 80px;
}
*/ .container {
 width: 320px;
 padding: 0 0px;
}
.columns, .column {
	margin: 0 0 0 5px;
}

.container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .one-third.column, .container .two-thirds.column {
	width: 300px;
}
/* Offsets */	
.container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven {
	margin-left: 0;
}
.NewsSummaryMorelink a {
	display: none;
}
.tab-content {
	clear: both;
	margin-top: 20px;
	padding-top: 10px;
}
ul.tabNavigation {
}
#tab-1, #tab-2, #tab-3, #tab-4, #tab-5, #tab-6, #tab-7 {
	margin-top: 34px;
	padding: 10px;
	border: #999 solid 1px;
	border-radius: 0px 4px 4px 4px;
}

.hide767 {
	display: none;
}
div.fourBottom div.three.columns.add-bottom {
	width: 188px !important;
}
.flex-direction-nav .flex-prev {
	opacity: 1;
	left: 10px;
}
.flex-direction-nav .flex-next {
	opacity: 1;
	right: 0;
}

.NewsSummary {
	width: 300px;
}
.fourBlocksMoreLink a {
	margin-bottom: 0px;
	padding: 6px;
	line-height: 100%;
}
#bottomWrapper h3 {
	margin-top: 20px;
}
.news {
	margin-top: 30px;
}
nav ul {
	display: none;
}
nav {
	text-align: center;
}
nav select {
	display: inline-block;
	width: 100%;
	cursor: pointer;
	padding: 8px;
	height: 37px;
	margin-left: 10px;
	font-size: 14px;
}
.half-bottom {
	margin-bottom: 5px !important;
}
.add-bottom {
	margin-bottom: 10px !important;
}
.padding-bottom {
	padding-bottom: 10px !important;
}
.padding-top {
	padding-top: 10px !important;
}
.telephoneIcon, .emailIcon, .worldIcon {
	display: block;
}
.clients {
	text-align: center;
}
div.flex-caption {
	bottom: 35px;
	padding: 5px 10px 10px;
	position: absolute;
	text-align: left;
	width: 150px;
	height: 80px;
	margin: 0;
}
div.flex-caption h2 {
	font-size: 11px;
	line-height: 14px;
}
div.flex-caption p {
	margin-top: 5px;
	font-size: 9px;
	line-height: 11px;
}
}
	
	
/* #Mobile (Landscape)
================================================== */

	/* Note: Design for a width of 480px */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
	width: 420px;
	padding: 0 0px;
}
.columns, .column {
	margin: 0;
}
.container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .one-third.column, .container .two-thirds.column {
	width: 402px;
	padding: 0 8px 0 5px;
}
div.flex-caption {
	top: 2px;
	left: 0px;
	padding: 10px;
	position: absolute;
	text-align: left;
	width: 110px;
	height: 113px;
	margin: 0;
}
div.flexslider {
	width: 420px;
}
div.flex-caption h2 {
	font-size: 12px;
	line-height: 13px;
}
div.flex-caption p {
	margin-top: 5px;
	font-size: 10px;
	line-height: 12px;
}
.logo {
	text-align: center;
}
.NewsSummary {
	width: 400px;
}
#bottomWrapper h3 {
	margin-top: 20px;
}
nav select {
	width: 70% !important
}
.emailIcon {
	display: inline;
}
.telephoneIcon {
	display: inline;
}


}
 @media only screen and (max-width: 1024px) {
.detailsHover {
	width: 150px;
	margin: 0px;
	height: auto;
}
}
 @media only screen and (max-width: 479px) {
.NewsSummarySummary img{
width:150px;
    margin: 0px 10px 5px 0px !important;
}
.formbuddyfooter .required {
    width: 100%;
}

.item-properties {
position:relative;
width:135px;
min-height: 175px;
margin:0 10px 10px 0;
float:left;
display: inline-block;
border: 1px solid #ddd;
}
.item-properties:hover {
border-color: #999;
}
.item-properties h4 {
position:relative;
top:144px;
text-align:center;
font-size:11px !important;
line-height:14px;
}
.item-properties h4 a:hover{
color:#B4BA45;
}
.item-properties a img {
opacity:1;
position:absolute;
margin:5px;
/* controls the width and h by clipping the image */
width:auto;
height:135px;
clip:rect(0px,125px,135px,0px);
overflow: hidden;
}
.item-properties a img:hover {
opacity:.6;
transition: opacity .2s ease-out;
-moz-transition: opacity .2s ease-out;
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
}

#ncleanblue {
	padding: 0px;
	width: auto;
}
.container {
    width: 320px;
    padding: 10px 0 0 0;
}
.shadow {
	box-shadow: 0px 0px 0px #000;
}
div.flex-caption {
	top: 2px;
	left: 0px;
	padding: 5px;
	position: absolute;
	text-align: left;
	width: 120px;
	height: 90px;
	margin: 0;
}
div.flexslider {
	width: 320px;
}
div.flex-caption h2 {
	font-size: 10px;
	line-height: 13px;
}
div.flex-caption p {
	margin-top: 5px;
	font-size: 9px;
	line-height: 10px;
}
.fourBlocksImage img {
	width: 100% !important;
	height: auto;
}
.newsR {
	width: 300px;
}
.newsR .NewsSummarySummary, .newsR .NewsSummaryContent {
	margin-bottom: 10px;
	padding: 0px;
	border: 1px solid #FFF;
	width: 300px !important;
	height: 130px;
}
.newsR {
width:300px;
}
.NewsSummarySummary {
    margin: 3px 0px 7px 0px !important;
width:300px !important;
}

div.fourBottom div.three.columns.add-bottom {
	width: 145px !important;
}
.fourBottom div.three.columns.add-bottom.alpha {
	margin-left: 5px !important;
}
article.nine.columns.alpha {
	margin-left: 5px !important;
}
article.three.columns.delta {
	margin-left: 5px !important;
}
.righttext {
	text-align: center;
}
.detailsHover {
	width: 140px;
	margin: 0px;
	height: auto;
}
span.telephoneIcon, span.envelopeIcon, span.emailIcon {
	padding: 0px 0px 0px 25px !important;
	margin: 0px !important;
}
.logo p {
	position: absolute;
	width: 160px;
	top: 90px;
	left: 140px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 14px;
	line-height: 16px;
}
.emailIcon {
	display: inline;
}
.telephoneIcon {
	display: inline;
}
.logo h1 a img {
	margin: 60px 20px 0px 40px;
}
}

/* Stylesheet: QuarryArts Mobile Modified On 2017-08-26 13:08:57 */
