html,body {
	font-family: "OpenSansLight", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1em;
	color: #4d4d4e;
}
body {
	width: 100%;
	min-height: 100%;
	min-height: 100vh;
	height: 100%;
	padding: 0;
	overflow: auto;
	overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "OpenSansLight";
	font-weight: normal !important;
	text-transform: uppercase;
	line-height: 1.25
}

a { 
	color: #999; 
	text-decoration: underline;
}

a, input, #filters li span {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

a:hover { color: #EC7086; }

p { line-height: 1.5em; font-size: 0.9em }
.space5 { width: 100%; height: 1em }
.space10 { width: 100%; height: 2em }
.space20 { width: 100%; height: 4em }
.space30 { width: 100%; height: 6em }
.space40 { width: 100%; height: 8em }
.clearfix { clear: both; }
.text-justify { text-align: justify; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.bold, b, strong { font-family: "OpenSansBold"; }
.light { font-family: "OpenSansLight"; }
.uppercase { text-transform: uppercase; }
.non-uppercase { text-transform: none; }

header.navbar {
	font-size: 1em;
	width: 100%;
	height: auto;
	text-align: left;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background: #fff;
	background: rgba(255,255,255,0.96);
	margin: 0;
	border: none;
	-webkit-box-shadow: 0 0 0.5em 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 0.5em 0px rgba(0,0,0,0.25);
	box-shadow: 0 0 0.5em 0px rgba(0,0,0,0.25);
}

header.navbar .navbar-brand {
	height: auto;
	padding: 0;
	font-size: 1em;
}

header.navbar .navbar-brand a img {
	width: auto;
	max-height: 6.5em;
	margin: 0;
	padding: 0;
}

header.navbar .navbar-header {
	position: relative;
	width: auto;
	height: auto;
	background: transparent;
	z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

header.navbar nav.navbar-collapse {
	position: relative;
	background: transparent;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: 0;
	text-align: right;
	z-index: 1;
	float: none;
	/*-webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

header.navbar nav.navbar-collapse.in {
	display: block;
	width: 100%;
	float: none;
    text-align: left;
    margin: 2em 2em 0;
	/*-webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);*/
}

header.navbar nav.navbar-collapse.in ul li {
	display: block;
}
header.navbar nav.navbar-collapse.in ul li a {
    font-size: 1.5em;
    line-height: 1.5;
}
header.navbar nav.navbar-collapse.in .navbar-nav>li a:after {
	display: none;
}

.navbar-toggle {
	display: none;
	position: absolute;
    bottom: 1.5em;
    float: none;
    padding: 0;
    margin: 0 3.5em;
    border-radius: 0;
    width: 4em;
    height: 4em;
    text-align: center;
}

.navbar-toggle .icon-bar {
	display: block;
	min-width: 2px;
    width: 0.125em;
    height: 100%;
    border-radius: 0;
    background: #777;    
}

.navbar-toggle .icon-bar:before {
    left: -0.75em;
}

.navbar-toggle .icon-bar:after {
    left: 0.75em;
}

.navbar-toggle .icon-bar:before,
.navbar-toggle .icon-bar:after {
    content: '';
    width: 0.125em;
    height: 100%;
    position: absolute;
    background-color: #777;
    top: 0;
    -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
    -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
    transition: transform .3s, top .3s, background-color 0s;
}

.navbar-toggle .icon-bar,
.navbar-toggle .icon-bar:before,
.navbar-toggle .icon-bar:after {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;

}

.navbar-toggle:hover .icon-bar:after {
	background-color: rgba(255,255,255,0);
}

.navbar-toggle:hover .icon-bar:before {
	left: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

header.is-open .navbar-toggle .icon-bar,
header.is-open .navbar-toggle:hover .icon-bar {
	background-color: rgba(255,255,255,0);
}

header.is-open .navbar-toggle .icon-bar:before,
header.is-open .navbar-toggle:hover .icon-bar:before {
	left: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background: #777;
}

header.is-open .navbar-toggle .icon-bar:after,
header.is-open .navbar-toggle:hover .icon-bar:after {
	left: 0;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    background: #777;
}

#quickcall {
	position: relative;
	font-size: 1em;
	float: right;
	padding-left: 2.875em;
	background: transparent url(../img/icns/icn-call-header.png) left no-repeat;
	background-size: auto 2em;
	margin: 1em 2.5em 1em 0;
}

#quickcall a {
	font-size: 1.063em;
	font-family: "OpenSansBold";
	color: #231F20;
	text-decoration: none;
	line-height: 1;
}

#quickcall a:hover {
	color: #000;
}

#quickcall:after {
	position: absolute;
	left: 0;
	display: block;
	content: "Servicing Sydney & Metro Area";
	color: #6D6E71;
	font-family: "OpenSansLight";
	font-size: 0.688em;
}

.navbar-nav {
	float: none;
	position: relative;
	background: transparent !important;
}

.navbar-nav>li {
	display: inline-block;
	float: none;
	font-size: 0.9em;
	padding: 0;
}

.navbar-nav>li a { 
	font-family: 'OpenSansBold';
	font-size: 0.875em;
	display: block;
	margin: 0.5em 0;
	color: #6D6E71;
	line-height: 2em;
	text-decoration: none;
	overflow: hidden;
	padding: 0;
	text-transform: uppercase;
	background: transparent;
}

.navbar-nav>li.active a,
.navbar-nav>li.active a:hover,
.navbar-nav>li a:hover {
	color: #EC7086;
	background: transparent;
}

.navbar-nav>li a:after {
	content: "|";
	padding: 0 1.5em;
	color: #6D6E71;
	font-family: "OpenSansLight"
} 

.navbar-nav>li:nth-last-child(1) a:after {
	display: none;
}

.navbar-nav>li a.icn-facebook {
	width: 2em;
	height: 2em;
	display: block;
	text-indent: 9999px;
	background: url(../img/icns/icn-facebook.png) top no-repeat;
	background-size: auto 90%; 
}

.navbar-nav>li a.icn-facebook:hover {
	background: url(../img/icns/icn-facebook-h.png) top no-repeat;
	background-size: auto 90%; 
}

header ul li a img {
	width: 9em;
}

.content {
	width: 100%;
	font-family: 1em;
	padding-left: 7.5em;
}

.container {
	width: 95%;
	padding: 0 2.5%;
}

#divOut {
    background-color:#fff;
    background-image: url("../img/icns/preloader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 4em;
    bottom: 0;
    left: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
	width: 100%;
    width: 100vw;
	height: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	-webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

#preloader {
	position: fixed;
    background-color:#fff;
    background-image: url("../img/icns/preloader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 4em;
    top: 0;
    left: 0;
    z-index: 999999;
	width: 100%;
    width: 100vw;
	height: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	-webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

#divOut.scrollDown {
	-webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

#preloader.scrollUp {
	-webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

#loading-animation {
    background-color:#fff;
    background-image: url("../img/icns/preloader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 4em;
	width: 100%;
    width: 100vw;
	height: 100%;
	height: 100vh;
    left: 0;
    top: 0;
}

/* TOP NAV */

header.navbar .navbar-brand { margin: 1em 3.5em; }
#quickcall, .navbar-collapse { margin-right: 3.5em }
header.navbar { width: 100%; height: auto; }
header.navbar .navbar-header { width: auto; height: auto; border: none; }
.navbar-nav { top: 0; margin: 1em 0 0 }
.navbar-toggle { 
	position: relative; 
	bottom: auto; 
	width: 3em;
	height: 3em;
	margin: 3.5em 2.5em 0 0; 
	float: right; 
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); 
}
.navbar-toggle .icon-bar, .navbar-toggle .icon-bar:before, .navbar-toggle .icon-bar:after { width: 2px; }
header.navbar nav.navbar-collapse {
	width: auto;
	min-width: 0;
	padding: 0;
	height: auto !important;
	float: right;
	margin-right: 3.5em;
}
header.navbar.is-open nav.navbar-collapse {
	/*-webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%,0%);*/
}
.content { padding-left: 0 }
body {  }
/* END TOP NAV */
/* SLIDER */
.carousel {
	height: auto;
}
#home-carousel { 
	overflow: hidden;
}
#home-carousel, #home-carousel .carousel-inner, #home-carousel .carousel-inner .item, #home-carousel .carousel-inner .item img { min-height: 400px; }
#home-carousel, #home-carousel .carousel,
#home-carousel .carousel-inner {
	width: 100%;
	min-height: 400px;
	height: 100%;
	height: 95vh;
	position: relative;
}
#carousel-caption {
	font-size: 1em;
	position: absolute;
	left: 2em;
	bottom: 1.5em;
	z-index: 10;
	color: #fff;
	width: 100%;
}
.carousel-caption {
	left: 2.5em;
	right: auto;
	top: 60%;
	text-align: left;
	display: none;
}
#carousel-caption h1,
.carousel-caption h1 {
	font-size: 3.500em;
	font-family: "OpenSansBold";
	text-transform: none;
	margin: 0;
}
#carousel-caption p,
.carousel-caption p {
	font-size: 1.2500em;
	font-family: "OpenSansLight";
	line-height: 1.6;
	font-weight: normal;
}
.carousel-fade .carousel-inner .item {
    transition-property: opacity;
    transition-duration: 1s;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
/* END SLIDER */
/* HOME */
.btn {
	padding: 1em 1.5em 1em 3.5em;
	margin: 0 1em;
	border: 0.25em solid #6D6E71;
	border-radius: 0;
	color: #6D6E71;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 1.25em;
	background-size: 1.5em auto;
	text-decoration: none;
}
.btn.phone {
	background-image: url(../img/icns/icn-call.png);
}
.btn.email {
	background-image: url(../img/icns/icn-email.png);
}
.btn.video {
	background-image: url(../img/icns/icn-video.png);
}
.btn:hover {
	color: #fff;
	background-color: #EC7086;
	border-color: #EC7086;
}
.btn.phone:hover {
	background-image: url(../img/icns/icn-call-h.png);
}
.btn.email:hover {
	background-image: url(../img/icns/icn-email-h.png);
}
.btn.video:hover {
	background-image: url(../img/icns/icn-video-h.png);
}
.tagline {
	font-family: "OpenSansBold";
	font-size: 1.250em;
	color: #4d4d4e;
	text-align: center;
	background: #fff;
	padding: 2em 15%;
}
.marble {
	background: #E8E8E8 url(../img/assets/bg-marble.jpg) left repeat;
}
.pinkbg {
	background: #EC7086;
	color: #fff
}
.white {
	background: #fff;
}
#content { width: 100%; display: block;}
#content h1 {
	font-size: 3em;
	margin-bottom: 0.5em
}
#content h2 {
	font-size: 2em;
	margin-bottom: 0
}
#content img {
	width: 100%;
	max-width: none;
}
#content .foot-line {
	margin-top: 0.5em;
	max-width: none;
	width: 100%;
    border-top: 1px solid #d4d5d5;
    border-bottom: 1px solid #eee;
}
#content ol { margin: 0; padding: 0 }
#content ul li {
	list-style: none;
}
#content ul li:before {
	content: '\2022';
	padding-right: 0.5em
}
.home-content, .inside-content {
	padding: 0 15%;
	font-size: 1.250em;
	line-height: 2;
}
.home-content p, .inside-content p {
	margin: 1.5em 0;
}
.inside-content p span {
	display: inline-block;
	padding: 1em 1.5em 0 0;
}
.inside-content.services .column {
	font-size: 0.9em
}
#content .inside-content h1 {
	border-bottom: 1px solid #4d4d4e;
	text-transform: none;
	font-size: 2.5em;
	padding: 0 0 0.25em;
	margin-bottom: 0.75em;
}

/* BUTTON QUOTE */
#button-quote {
	position: fixed;
	top: 45%;
	right: 0;
	z-index: 999;
	font-size: 1em;
	cursor: pointer;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
#button-quote.closed {
	-webkit-transform: translateX(12.5em);
	-moz-transform: translateX(12.5em);
	-ms-transform: translateX(12.5em);
	-o-transform: translateX(12.5em);
	transform: translateX(12.5em);
}
#button-quote div { display: inline-block; vertical-align: top; }
#button-quote .arrow {
	background: #EC7086 url("../img/icns/icn-right.png") center no-repeat;
	background-size: 40% auto;
	width: 2.5em;
	height: 8em;
	border-top-left-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
	-webkit-box-shadow: 0 0 0.25em 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 0 0.25em 0px rgba(0,0,0,0.35);
	box-shadow: 0 0 0.25em 0px rgba(0,0,0,0.35);
}
#button-quote.closed .arrow {
	background-image: url(../img/icns/icn-left.png);
}
#button-quote .quote {
	text-align: center;
	width: auto;
	height: auto;
	width: 12.5em;
}
#button-quote a {
	background: rgba(255,255,255,0.96);
	display: block;
	padding: 0 1em;
	line-height: 5.35em;
	color: #EC7086;
	font-family: "OpenSansBold";
	font-size: 1.5em;
	text-transform: uppercase;
	text-decoration: none;
}
#button-quote a:hover {
	color:#fff;
	background: rgba(0,0,0,0.6); /*rgba(236,112,134,0.96)*/
}
#testimonials { 
	text-align: center; 
	-moz-box-shadow:    inset  0  8px 8px -8px #696868, 
                        inset  0 -8px 8px -8px #696868;
    -webkit-box-shadow: inset  0  8px 8px -8px #696868, 
                        inset  0 -8px 8px -8px #696868;
     box-shadow:        inset  0  8px 8px -8px #696868, 
                        inset  0 -8px 8px -8px #696868;
}
#testimonials .container { padding: 0 15%; }
#testimonial-slider {
	text-align: center;
	color: white;
	background: url(../img/icns/icn-quote-left.png) top left no-repeat, 
				url(../img/icns/icn-quote-right.png) bottom right no-repeat;
	background-size: 2.5em auto;
	padding: 1em 2.7em 0.5em;
}
.testimonial-section {
	font-family: "OpenSansLight";
	font-size: 1.250em;
	text-shadow: 0 0 0.3em rgba(0,0,0,0.25);
	line-height: 1.3;
	width: 90%;
	margin: 0 auto;
}
.testimonial-section-name {
	font-family: "OpenSansBold";
}
/* INSIDE */
#inside-header {
	width: 100%;
	height: 100%;
	height: 60vh;
	background-color: #fff;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#inside-header.contact {
	background-image: url(../img/assets/img-contact.jpg)
}
#inside-header.about {
	background-image: url(../img/assets/img-about.jpg)
}
#inside-header.services {
	background-image: url(../img/assets/img-services.jpg)
}
#inside-header.careers {
	background-image: url(../img/assets/img-careers.jpg)
}
#inside-header.gallery {
	background-image: url(../img/assets/img-gallery.jpg)
}
#inside-header.news {
	background-image: url(../img/assets/img-news.jpg)
}
#inside-header.contact {
	background-image: url(../img/assets/img-contact.jpg)
}
#content.contact {
	padding: 3em 0;
}
.pink-header {
	background-color: #EC7086;
	text-align: center;
}
#content .pink-header h1 {
	font-size: 2.5em;
	margin-bottom: 0.125em;
	color: #fff
}
#content .pink-header p {
	color: #fff;
	margin: 0 0 1.5em
}
#quote-form {
	width: 90%;
	margin: 0em auto;
	background-color: #fff;
	clear: both;
	display: block;
}
#frmQuote { border: solid #ddd 2px; border-top: none; width: 100%; padding: 0 3em 2em }
#frmQuote li:before { display: none; }
form { background: transparent; clear: both; width: 100%; margin: 0 auto; padding-bottom: 0 0 2em 0; }
form .column, .column {
	width: 49%;
	display: inline-block;
	float: none;
	margin: 0 2% 0 0;
	vertical-align: top;
}
form .column.last, .column.last { margin-right: 0 !important }
form input {
	display: block;
	line-height: 1.4;
	margin-bottom: 1em;
}
form input[type=text], form input[type=email], form textarea {
	border: 2px solid #ddd;
	width: 100%;
	padding: 1em;
	vertical-align: top;
}
form input[type=submit], form input[type=button] {
	padding: 0.75em 2em;
	background: #EC7086;
	color: #fff;
	text-transform: uppercase;
	font-family: "OpenSansBold";
	border: none;
	margin-top: 1em;
}
form input[type=submit]:hover, form input[type=button]:hover {
	background-color: #4d4d4e
}

form select { display: none; }

.cs-select {
    margin: 0.5em 0 0;
    *zoom: 1;
    font-size: 1em;
    font-family: "OpenSansLight";
    position: relative;
}

.cs-select:after {
    clear: both;
    content: "";
    display: table;
}

.cs-placeholder {
	padding: 1em;
    display: block;
    font-size: 1em;
    color: #999;
}

.cs-options {
    /* Size and position */
    position: absolute; /* Enable absolute positionning for children and pseudo elements */
    top: 0;
    width: 100%;
    margin: 0 auto;

    /* Styles */
    background: transparent;
    color: #999;
    cursor: pointer;
    outline: none;    
    margin: 0 0 1em 0;
	border: 2px solid #ddd;
	width: 100%;
	padding: 1.7em;
	vertical-align: top;
}

.cs-options:after {
    content: "";
    position: absolute;
    right: 1em;
    top: 0;
    margin-top: 1em;
    width: 1.25em;
    height: 1.25em;
    background-image: url(../img/icns/down-arrow.svg);
    background-size: contain;
}

form * { outline: none !important;}

.cs-options ul {
  /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: auto;
    width: 100%;
    margin-top: -0.75em;
    padding: 0 0 0 0.8em;

    /* Styles */
    background: white;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.cs-options ul li span {
    line-height: 2em;
}

.cs-options ul li a {
    display: block;
    text-decoration: none;
    color: #999;
    padding: 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.cs-options ul li:nth-child(1) a { 
    border-left-color: #00ACED;
}

.cs-options ul li:nth-child(2) a {
    border-left-color: #4183C4;
}

.cs-options ul li:nth-child(3) a {
    border-left-color: #3B5998;
}

.cs-options ul li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.cs-options ul li:hover a {
    color: grey;
}

/* Active state */

.cs-options.active:after {
    border-width: 0 6px 6px 6px;
}

.cs-options.active ul {
    opacity: 1;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity       .cs-options ul,
.no-pointerevents .cs-options ul {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .cs-options.active .dropdown,
.no-pointerevents .cs-options.active .dropdown {
    display: block;
}

#txtTypeOfStone2 { position: absolute; width: 1px; z-index: -1; }
.error { border-color: #EC7086; }
.validation-msg { margin-top: -1em; margin-bottom: 1em;}
#content .icon {
	width: auto !important;
	max-width: 2.5em;
}
.contact a {
	color: #4d4d4e;
	text-decoration: none;
}
.contact a:hover { color: #EC7086; }
.contact .container .column {
	line-height: 2;
}
#content .column h2 { margin-bottom: 0.5em }
#map_canvas { width: 90%; margin: 2em auto 2em; height: 30em; }
#options { width: 100%; padding: 2em 0; }/*background: #fff; */
#filters {
	list-style: none;
	width: 100%;
	margin: 0 auto !important;
	padding: 0 !important;
    text-align: center;
}
#filters li {
	float: none !important;
	display: inline-block;
	width: auto;
	text-transform: uppercase;
	padding: 0;
}
#filters li:before { display: none; }
#filters li span {
	display: inline-block;
	padding: 1em 1.5em;
	margin: 0 1em;
	border: 0.313em solid #D1D3D4;
	border-radius: 0;
	color: #6D6E71;
	background-color: #fff;
	text-decoration: none;
	cursor: pointer;
}
#filters li span:hover, #filters li span.selected, #filters li span.active {
	color: #fff !important;
	background-color: #EC7086;
	border-color: #EC7086;
}
.large-12 {
	width: 100%;
}
.column {
	float: left;
}
#portfoliolist p {
	line-height: normal;
	text-align: left;
	margin: 0.5em 0
}
#portfoliolist .element {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:31.33333333333%;
	margin:1%;
	display:none;
	float:left;
	overflow:hidden;
}

.element-wrapper {
	overflow:hidden;
	position: relative !important;
	background: transparent;
	cursor:pointer;
}

.element img {
	max-width:100%;
	position: relative;
	top:0;
	-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);		
}

.element .label {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2.5em;
	bottom: -2.5em;
	-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.element .label-bg {
	background: #fff;
	width: 100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}

.element .label-text {
	color:#fff;
	position: relative;
	z-index:500;
	height: auto;
}
	
.element .text-category {
	display:block;
	font-size:9px;
}
	
.element:hover .label {
	bottom:0;
}
.element a {
	font-family: "OpenSansBold";
	text-decoration: none;
	line-height: 2
}
.element:hover img {
	top:-1.5em;
}  
/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	#portfoliolist .element {
		width:48%;
		margin:1%;
	}	
}
/* FOOTER */
footer { text-align: center; padding: 2.5em 0 2em; font-size: 0.9em; }
footer > div > p { line-height: 2 }
.light-grey { 
	/*background: #e0e0e0*/
	background: #E8E8E8 url(../img/assets/bg-marble.jpg) left repeat;	
}
.foot-line {
    height: 0;
    width: 90%;
    max-width: 40em;
    border-top: 1px solid #d4d5d5;
    border-bottom: 1px solid #e7e7e8;
    margin: 2em auto 0;
}
footer a { color: #000 }