@charset "UTF-8";
.item{
	height: 250px;
}
.nav-text{
	margin-top:30px;
	text-transform: none;
}
.sm-nav{
	height: 120px;
}
@media only screen and (max-width: 786px) {
	.nav-text{
		margin-top:unset;
	}
	.sm-nav{
		height: unset;
	}
	.item {
		height:100px ;
	}
	.banner-text{
		font-size: 15px;
	}
	.logo img{
		position: relative;
	}
  }
  .slick-img{
	height:200px;
	width:auto;
	transition: ease .5s all;
  }
  .slick-img:hover{
	filter: brightness(50%)
  }
.footer-heading{
	margin-bottom: 18px;
	font-size: 20px;
	letter-spacing: 2px;
	line-height: 21px;
}
.footer-text{
	list-style-type: none;
}

.footer-text ul{
	margin-left: 0px;
}
.footer-text li {
	margin-bottom: 8px;
}
.footer-text a {
	color:#fff;
	text-decoration: none;
	letter-spacing: 2px;
	line-height: 21px;
}
.btn{
	min-width: 260px;
	color: #FFF;
	letter-spacing: 1px;
	height: 48px;
	border: #fff solid 1px;
	background-color: transparent;
	font-weight: 700;
	display:inline-block ;
	margin-bottom: 4rem;
	font-size: 20px;
}
.btn:hover{
	background-color: rgba(255, 255, 255, 0.3);
}
.btn2{
	background:rgba(255,255,255,0.2)
}
.btn2:hover{
	background-color: rgba(255, 255, 255, 0.6);

}
.btn3{
	background:#a8a9a1;
	padding:10px;
}
.btn3:hover{
	opacity: 0.8;
}
.stockist-holder{
	margin-bottom: 1rem;
}
.stockist-header{
	border: 1px solid #b5b5b5;
    display: block;
    font-size: 20px;
    line-height: 22px;
    text-align: left;
    position: relative;
    padding: 18px 48px 18px 25px;
	text-transform: uppercase;
	color: black;
}
.stockist-content{
	font-size:15px;
	text-transform: none;
}
.stockist-holder p{
	margin-bottom: 0rem;
}
.Grey{
	border-left: 16px solid #a9aaa7;
}
.White{
	border-left: 16px solid #ffffff;
}
.Beige{
	border-left: 16px solid #beb9ad;
}
.Green{
	border-left: 16px solid #a8a9a1;
}
.Blue{
	border-left: 16px solid #99a0a5;
}

.style-Grey{
	background: #a9aaa7 ;
	margin-bottom: 4rem;
}
.style-White{
	background: #ffffff ;
	margin-bottom: 4rem;
}
.style-Beige{
	background: #beb9ad;
	margin-bottom: 4rem;

}
.style-Green{
	background: #a8a9a1;
	margin-bottom: 4rem;

}
.style-Blue{
	background: #99a0a5;
	margin-bottom: 4rem;
}
.catalog-heading{
		font-family: inherit;
		font-family: 'Open Sans', serif;
		font-weight: 300;
		color: rgba(255, 255, 255, 0.55);
		font-size:48px;
		line-height: 1;
		letter-spacing: 2px;
}
.catalog-text{
	max-width: 800px;
	margin-top:1rem;
	color: rgba(255, 255, 255, 0.50);
	font-size: 20px;
	font-weight: 300;
	font-style: italic;
	
}
.catalog-btn{
	float: right;
}
@media only screen and (max-width: 786px) {
.catalog-btn{
	margin-left: 20px;
}
}
::selection {
	background-color: #9a928b;
	color: #fff;
}
:focus {
    outline-color: #6da042;
}
html, body {
	background: #faf8f7;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.pagewrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;  /* the bottom margin is the negative value of the footer's height */
	margin-top: 0;
	margin-bottom: -150px;
	position: relative;
}

.push {
	height: 150px;
	/* border-top: 2px solid #a37b5a; */
	/* position: relative; */
}
footer {
	min-height: 150px;
}

body {
	font-family: 'Karla', sans-serif;
	color: #615d58;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 2px;
}
h1,
h2,
h4,
h5,
h6 {
	font-family: inherit;
	font-family: 'Open Sans', serif;
	font-weight: 300;
}
.home-text::after{
	margin: 20px 0;
	width: 330px;
	background: #ECE8E1;
	content: "";
	display: block;
	height: 10px;
}

.catalog-heading::after{
	margin: 20px 0;
	width: 145px;
	background: rgba(255, 255, 255, 0.40);
	content: "";
	display: block;
	height: 10px;
}
ul,
ol,
dl {
	font-family: inherit;
}
a {
	text-decoration: none;
}
a:hover {
opacity: .4;
}
label {
	color: #a37b5a;
	font-size: 16px;
}
img {
    max-width: 100%;
}

.ease, .button, a  {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.button, .cat_button  {
	background: #6DA042;
	font-family: 'Open Sans', serif;
	border: none;
	color: #fff;
}
.cat_button {
	padding: 10px 20px;
}
.button:hover, .cat_button:hover {
	background: #82C14E;
}
.button.outline {
    border: 2px solid #713D76;
    background: #fff;
    color: #713D76;
}
.button.outline:hover {
    background: #713D76;
    color: #FFFFFF;
}
.button.round {
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	-ms-border-radius: 500px;
	-o-border-radius: 500px;
    border-radius: 500px;
}

  table tbody tr:nth-child(even) {
    background-color: #fbfaf9;
    }

.container {
    margin: 0 auto 20px;
    padding: 0 30px;
}

.padtop {
	padding-top: 30px;
}
.padbot {
	padding-bottom: 30px;
}
.pad {
	padding: 30px;
}
.topgap {
	margin-top: 30px;
}
.botgap {
	margin-bottom: 30px;
}
.biggap {
	margin-top: 60px;
	margin-bottom: 60px;
}
.gap {
	margin: 30px 0;
}

hr {
	border-bottom: 1px dotted rgba(255, 255, 255, 0.25);
}


.hideme {
	opacity: 0;
}
.hideme-slide, .hideme-slide2 {
	opacity: 0;
	bottom: -100% !important;
}
.dontHide  {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.dontHide.delay {
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}
/* Loading */

 /* WebKit and Opera browsers */
  @-webkit-keyframes spinner {
    from { -webkit-transform: rotateY(0deg);    }
    to   { -webkit-transform: rotateY(-360deg); }
  }

  /* all other browsers */
  @keyframes spinner {
    from {
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    to {
      -moz-transform: rotateY(-360deg);
      -ms-transform: rotateY(-360deg);
      transform: rotateY(-360deg);
    }
  }
#mask {
	background-color: rgba(0, 0, 0, 0.9);
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 100000;
	/* line-height: 100%; */
	text-align: center;
	/* vertical-align: middle; */
	-webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
}
.loader {
	position: relative;
	/* width: 40px; */
	/* height: 100%; */
	margin-top: -75px;
	top: 50%;
	/* left: 50%; */
	/* text-align: center; */
	/* display: inline-block; */
	/* vertical-align: middle; */
	/* line-height: 100%; */
	 -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;

    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 6s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.loader img {
	width: 220px;
}

/* JumpMenu Styles */
.jump-menu {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}
.jump-selector {
	border-radius: 0;
	background: url("../images/menu-icon-blk.png") no-repeat;
	position: absolute;
	width: 50px;
	height: 75px;
	top: 0;
	right: 0;
	border: none;
	-webkit-appearance: none;
	padding-right: 50px;
	cursor: pointer;
}
/* Home Slider */
#video-volume {
	bottom: 30px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 24px;
	margin-left: -12px;
	left: 50%;
	position: absolute;
	width: 25px;
	height: 25px;
	z-index: 10;
	background: url("../images/audio.png") no-repeat;
	opacity: 0.5;
}
.welcome {
	/* font-style: italic; */
	font-size: 2.2em;
	letter-spacing: 3px;
	text-transform: none;
	font-weight: 200;
	line-height: 1.2;
}
#home-fullWidth div, #home div {
	position: relative;
	width: 100%;
	height: 100%;
}
#home-fullWidth {
	height: 700px;
}
.slider-controls {
	opacity: 0;
	padding: 0;
	margin: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.slider-controls li {
	list-style: none;
}
#home-fullWidth div:hover .slider-controls, #home div:hover .slider-controls {
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.slider-controls li a {
	position: absolute;
	z-index: 25;
	top: 44%;
	width: 81px;
	height: 80px;
	cursor: pointer;
}
.s-next {
	background: url("../images/s-next.png");
	margin-right: 70px;
	right: 0;
	opacity: 0.3;
}
.s-prev {
	background: url("../images/s-prev.png");
	margin-left: 70px;
	left: 0;
	opacity: 0.3;
}
.s-next:hover, .s-prev:hover {
	opacity: 1;
}
/* Pre-load */
#home {
	height: 100%;
}
#bannerscollection_zoominout_opportune {
	height: 100%;
	width: 100%;
}
.wrapperSlider #bannerscollection_zoominout_opportune {
	height: auto;
	width: auto;
}
#homer:hover .bannerControls {
	opacity: 1;
}
.banner-info {
	position: absolute;
	width: 100%;
	z-index: 10;
	top: 0;
	left: 0;
	text-align: center;
}
header {
	width: 100%;
	min-height: 60px;
	background: #e7e7e7;
	/* background-color: rgba(255,255,255,0.85); */
	position: absolute;
	z-index: 200;
	/* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); */
	/* border-bottom: 2px solid #000; */
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}



.righthead .button {
    margin: 1px;
}

.clear {
	clear: both;
	display: inline-block;
}

#nav .current a {
	color: #713D76 !important;
}
.logo {
	float: left;
    color: #4C4C4C;
    font-family: 'Montserrat', sans-serif;
    font-size: 23px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 1;
    /* margin: 2px 30px 10px; */
    padding-left: 10px;
    /* position: absolute; */
    /* padding-top: 15px; */
    /* margin-bottom: -40px; */
    /* width: 135px; */
    padding-bottom: 10px;
	display: inline-block;
	left:0;
	right: 0;
	position: absolute;
	margin: 0 auto;
	width: 175px;
	padding:0px;
	padding-top: 10px;
}
.logo img {
    /* width: 135px; */
    /* position: absolute; */
    /* left: 0; */
    /* max-width: 80%; */
    /* margin-top: -2px; */
    max-height: 120px;
	vertical-align: middle;
}

.logo .line1 {
    font-size: 0.52em;
}

.logo span {
	/* position: relative; */
	/* float: left; */
	/* width: 20px; */
	/* height: 20px; */
	/* background: #713D76; */
	/* background: rgba(76,221,243,0.5); */
	/* margin: 26px 7px 0 0; */
	display: block;
	/* float: left; */
}
.logo span em {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #713D76;
	bottom: 0;
	left: 0;
}

.header_inner {
	height:140px;
    position: relative;
}

.righthead {
    /* float: right; */
    /* position: absolute; */
}

.centralise {
    /* border: 1px solid red; */
    height: 100%;
    position: absolute;
    top: 0;
    left: 20px;
    /* z-index: 10; */
    right: 20px;
    text-align: center;
}

.tallest {
    display: inline-block;
    height: 100%;
    width: 0;
    /* border: 1px solid green; */
    vertical-align: middle;
    /* margin-left: -10px; */
}

#fill-height {
    position: relative;
    overflow: hidden;
	height: 800px;
}
.main-title .second-title {
	font-size: 1em;
	/* width: 680px; */
	text-transform: none;
	margin: auto;
	font-weight: 400;
	border-top: 1px dotted rgba(255, 255, 255, 0.25);
	padding-top: 20px;
	margin-top: 20px;
}
.second-title span {
	color: #713D76;
	font-weight: 600;
}
.buy-logo, .enter {
	/* width: 155px; */
	margin: 40px auto 0;
	height: auto;
	z-index: 10;
	position: relative;
	color: #fff;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	padding: 11px 25px 11px;
	cursor: pointer;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-radius: 2px;
	letter-spacing: 2px;
	pointer-events: auto;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	background: #6DA042;
	display: inline-block;
}
.enter:hover {
	background: #795A3F;
	color: #fff;
}

#topbar {
    background: rgb(0, 0, 0);
    text-align: right;
    color: #ccc;
    /* border-bottom: 1px solid #FFF; */
    /* height: 34px; */
    overflow: hidden;
}
#topbar.empty {
	display: none;
}

.cart-details {
    float: right;
    /* color: #FFF; */
    /* background: #000; */
    /* padding: 0 10px; */
    /* height: 70px; */
    line-height: 20px;
    /* margin-left: 15px; */
    /* position: relative; */
    /* z-index: 1010; */
    font-size: 13px;
}
.cart-details i {
   font-size: 1.2em;
   /* line-height: 1; */
   vertical-align: middle;
   margin-right: 5px;
   color: #FFFFFF;
}
.cart-details .popout {
	display: none;
	width: 300px;
	background: #333;
	color: #fff;
	padding: 10px;
	position: absolute;
	top: 100%;
	right: 0;
	line-height: 1;
	/* border: 1px solid #000; */
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6);
}
.cart-details h4 {
    /* color: #A4EF2F; */
    font-size: 16px;
}
.cart-details:hover {
  /* background: #333; */
}
.cart-details:hover .popout {
	display: block;
}
.cart-details .cart-count {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #FFF;
    /* font-size: 2em; */
    /* font-weight: 200; */
    bottom: 15px;
    /* vertical-align: bottom; */
    /* margin-top: 20px; */
    line-height: 0;
}
.cart-details:hover .cart-count {
	color: #fff;
}
.cart-details .button {
	margin: 0 0 0 10px;
	line-height: inherit;
	display: inline-block;
	padding: 2px 10px;
	font-size: inherit;
	background: #6DA042;
}
.cart-details .button:hover {
	background: #82C14E;
}
.prodpic {
    width: 30px;
    height: 30px;
    float: left;
    /* margin-right: 10px; */
    background: #fff;
    line-height: 32px;
    /* vertical-align: middle; */
    /* text-align: center; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    margin: 3px;
}
.prodpic img {
	vertical-align: middle;
}

.cartitem {
    clear: both;
    margin-bottom: 2px;
    padding: 0 20px 0 35px;
    /* border-bottom: 1px solid #222; */
    min-height: 30px;
    background: #222;
    font-size: 14px;
    position: relative;
    /* padding-left: 35px; */
    overflow: hidden;
}

.cartitem .qty {
    /* display: block; */
    background: #713D76;
    margin-top: 8px;
    color: #000;
    padding: 0px 5px 1px;
    font-size: 0.8em;
    border-radius: 16px;
    font-weight: bold;
    float: right;
    position: absolute;
    right: 5px;
    top: 0px;
}
.cartitem .prodname {
    margin: 8px 0;
    display: inline-block;
    /* margin-left: 10px; */
}


/*.buy-logo span{
	float: right;
	background: url('../images/play-ico.png') no-repeat;
	width: 10px;
	height: 13px;
	margin: 3px 0 0 20px;
}*/
.slider-logo a, .buy-logo a {
	text-decoration: none;
	color: #fff;
}
.main-title {
	color: #fff;
	/* height: 500px; */
	/* overflow: hidden; */
	/* position: absolute; */
	/* top: 50%; */
	/* margin: 0 -10px; */
	/* width: 50%; */
	text-align: center;
	z-index: 50;
	background: rgba(0, 0, 0, 0.3);
	/* left: 25%; */
	padding: 30px;
	/* border: solid rgba(0, 0, 0, 0.75); */
	display: inline-block;
	vertical-align: middle;
	max-width: 600px;
	font-size: 20px;
	border-width: 5px 0;
	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
	position: relative;
}
.main-title.title-fullWidth {
	top: 174px;
	margin-top: 0;
}
.main-title a {
	text-decoration: none;
	color: #fff;
}
.main-title .spacer {
	width: 180px;
	margin: 1em auto 2em;
	background: #A09F0D;
}
.title-container {
	/* width: 75%; */
	margin: 0 auto;
}
.title-container img {
	height: 140px;
	/* margin-bottom: 40px; */
	width: auto;
}
.main-title ul {
	list-style: none;
	padding: 0;
	margin: 10px 0 0;
	position: relative;
	height: 180px;
	font-size: 90px;
	font-weight: 300;
	text-align: center;
	font-family: 'Montserrat', sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 5px;
	text-transform: uppercase;
	z-index: 100;
}
.main-title ul li {
	width: 100%;
	text-align: center;
	position: absolute;
	opacity: 0;
	top: 40px;
	line-height: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	transition-timing-function: ease;
	-webkit-transition-timing-function: ease;/* Safari and Chrome */
}
.main-title li.t-current {
	opacity: 1;
	top: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	transition-timing-function: ease;
	-webkit-transition-timing-function: ease; /* Safari and Chrome */
}
/* Featured Works Caroussel*/
.main-carousel {
	overflow: hidden;
	width: 100%;
	position: relative;
	height: 376px;
}
.f-image {
	color: #fff;
	background: #fff;
}
.f-image a {
	color: #fff;
	text-decoration: none;
}
.f-single .portfolio-meta, .t-element .portfolio-meta {
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 25%;
	z-index: 20;
	width: 50%;
	text-align: center;
	text-transform: uppercase;zoom:1;
	filter: alpha(opacity=0);
	opacity: 0;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 1px;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.portfolio-meta div:last-child {
	font-weight: 400;
	opacity: 0.5;
	font-size: 13px;
}
.team-box .portfolio-meta div:last-child {
	font-weight: 400;
	opacity: 1;
	font-size: 16px;
}
.f-single:hover .portfolio-meta, .t-element:hover .portfolio-meta {
	bottom: 75px;
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.f-single:hover .f-category, .t-element:hover .f-category, .f-single:hover .fa {
	top: 55px;zoom:1;
	filter: alpha(opacity=100);
	opacity: 0.8;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.team-box .t-element:hover .f-category {
	top: 65px;
}
.f-image .fa {
	text-decoration: none;
	position: absolute;
	top: 20%;
	left: 50%;
	z-index: 20;
	display: block;
	margin-left: -22px;
	/* width: 44px; */
	/* height: 44px; */
	text-align: center;
	line-height: 44px;zoom:1;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	/* background-position: -44px 0; */
	color: #713D76;
	font-size: 3em;
}
.f-image .f-category {
	text-decoration: none;
	position: absolute;
	top: 20%;
	left: 50%;
	z-index: 20;
	display: block;
	margin-left: -22px;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;zoom:1;
	filter: alpha(opacity=0);
	opacity: 0;
	/*background: url("color/images/color-icons.png") no-repeat;*/
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background-position: -44px 0;
}
.t-photo .f-category {
	text-decoration: none;
	position: absolute;
	top: 20%;
	left: 50%;
	z-index: 20;
	display: block;
	margin-left: -22px;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
	/*background: url("color/images/color-icons.png") no-repeat 0 -44px;*/
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.f-single a {
	text-decoration: none;
}
.image-hover-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
}
.f-image .image-hover-overlay, .t-photo .image-hover-overlay {
	z-index: 11;
	background-color: #000!important;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.f-single:hover .image-hover-overlay, .t-element:hover .image-hover-overlay {
	zoom: 1;
	filter: alpha(opacity=85);
	opacity: .85;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.active .f-info {
	opacity: 1;
}
.roll-info {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.roll-info:hover {
	opacity: 0.7;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.ca-container {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.ca-nav span {
	width: 25px;
	height: 38px;
	background: transparent url(../images/f-next.png) no-repeat top left;
	position: absolute;
	top: 50%;
	margin-top: -19px;
	left: -40px;
	text-indent: -9000px;
	opacity: 0.7;
	cursor: pointer;
	z-index: 100;
}
.ca-nav span.ca-nav-next {
	background-position: top right;
	left: auto;
	right: -40px;
}
.ca-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
}
.ca-item {
	position: relative;
	float: left;
	width: auto;
	text-align: center;
}
.content {
	position: relative;
	padding: 50px 0;
}
.dark {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faf8f7+0,f3f0ed+100 */
background: #faf8f7; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #faf8f7 0%, #f3f0ed 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #faf8f7 0%,#f3f0ed 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #faf8f7 0%,#f3f0ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf8f7', endColorstr='#f3f0ed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.f-single {
	width: 467px;
	float: left;
	margin: 0 15px;
	position: relative;
}
.f-single:hover .f-image {
	opacity: 1;
}
/*.f-single.active .f-image{
	opacity: 1;
}*/
.f-single:hover .f-info {
	cursor: pointer;
	opacity: 1;
	background: #713D76;
	color: #fff;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
/*.f-single.active .f-info{
	cursor: pointer;
	opacity: 1;
	background: #713D76;
	color: #fff;
}*/
.f-single:hover .roll-info {
	opacity: 0.7;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.featured-carousel {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.featured-list {
	overflow: auto;
}
.nav-featured {
	margin: 80px auto;
	height: 57px;
	width: 455px;
	text-align: center;
}
.nav-featured div {

	cursor: pointer;
}
.prev-featured {
	float: left;
	background: url("../images/f-prev.png") no-repeat #e1e1e1;
	width: 30px;
	height: 57px;
	margin-right: 110px;
}
.prev-featured:hover {
	background-color: #713D76;
}
.next-featured {
	background: url("../images/f-next.png") no-repeat #E1E1E1;
	width: 30px;
	height: 57px;
	margin-left: 110px;
	float: right;
}
.next-featured:hover {
	background-color: #713D76;
}
.nav-featured .btn-featured {
	color: #fff;
	margin: 4px auto;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	background: #A09F0E;
	border-radius: 25px;
	padding: 13px 25px 13px;
	letter-spacing: 1px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	display: inline-block;
}
.nav-featured .btn-featured:hover {
	background: #713D7C;
}
.btn-featured a {
	text-decoration: none;
	color: #fff;
}
.title {
	font-weight: 300;
	text-align: center;

}
.title.one {
	color: #222;
	/* font-size: 32px; */
	letter-spacing: 3px;
	/* padding: 60px 0 0; */
	text-transform: uppercase;
	/* font-family: 'Montserrat', sans-serif; */
	/* font-weight: 600; */
	line-height: 1;
	margin-top: 20px;
}
.title.two {
	/* color: #757575; */
	font-size: 24px;
	/* width: 680px; */
	/* margin: 50px auto; */
}
.dark .title.one, .dark .title.two, .dark h1 {
	/* color: #222; */
}
.f-info {
	font-weight: 400;
	text-align: center;
	font-size: 17px;
	color: #404141;
	background: #fff;
	line-height: 30px;
	padding: 40px 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	font-family: inherit;
}
.f-info span {
	color: #aeaeae;
	font-size: 18px;

}
.f-image {
	cursor: pointer;
	position: relative;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.f-image img {
	display: block;
	width: 100%;
}
.light {
	background: #fff;
	position: relative;
}
.dark:after {
	/* content: ''; */
	position: absolute;
	width: 0;
	height: 0;
	border: 20px solid #222222;
	border-bottom: 0px solid transparent !important;
	border-right: 60px solid transparent !important;
	border-left: 60px solid transparent !important;
	left: 50%;
	bottom: -19px;
	margin-left: -29px;
	z-index: 20;
}
.full {
	width: 1180px;
	position: relative;
	margin: auto;
	/* overflow:hidden; */
}
.half {
	width: 500px;
	float: left;
	padding: 80px 55px 70px 35px;
}

.half:last-child {
	padding: 80px 35px 120px 55px;
}
.half.car-show-2 {
	padding-bottom: 25px;
}
.two-third {
	width: 750px;
	float: left;
	padding: 80px 55px 70px 35px;
}
.one-third {
	width: 250px;
	float: left;
	padding: 80px 55px 70px 35px;
}
.title-one, .title-full-one {
	font-weight: 400;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #d7d9da;
	text-transform: uppercase;
}
.title-two, .title-full-two {
	font-weight: 300;
	text-align: center;

	font-size: 28px;
	color: #434343;
	padding-bottom: 50px;
	margin-top: 10px;
}
.title-full-one {
	padding-top: 80px;
}
.half-content {
	color: #888888;
	font-size: 15px;

	line-height: 26px;
}
.half-content a {
	color: #713D76;
	text-decoration: none;
	font-weight: 400;
}
/* Parallax */
.parallax .p-dark {
	color: #404040;
}
.parallax {
	width: 100%;
	height: 480px;
	position: relative;
	overflow: hidden;
	background-size: cover;
}
.p-image-first {
	margin-left: -335px;
}
.p-image-second {
	margin-left: -448px;
}
.parallax.p-two {
	height: 625px;
}
.parallax.p-one {
	height: auto;
}
.p-one {
	background: url("/_assets/images/testimonial_bg.jpg") repeat;
	color: #fff;
}
.p-two {
	background: url("../images/parallax/parallax-02.png") repeat;
	background-color: #713D76;
}
.p-three {
	background: url("../images/parallax/parallax-01.jpg") repeat
}
.p-title-one {
	font-weight: 400;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	opacity: 0.5;
	padding-top: 140px;
}
.p-title-two {
	font-weight: 300;
	text-align: center;

	font-size: 35px;
	color: #fff;
	padding: 10px 0 30px;
}
.p-info {
	color: #fff;
	font-size: 16px;

	text-align: center;
	width: 650px;
	margin: 50px auto 0;
	font-weight: 300;
}
.spacer {
	/* width: 300px; */
	height: 2px;
	background: #a37b5a;
	margin: 10px auto 50px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a09f0d+0,a09f0d+100&0+0,1+50,0+100 */
	background: -moz-linear-gradient(left,  rgba(163, 123, 90,0) 0%, rgba(168, 169, 161) 50%, rgba(163, 123, 90,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(163, 123, 90,0) 0%,rgb(168, 169, 161) 50%,rgba(163, 123, 90,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(163, 123, 90,0) 0%,rgb(168, 169, 161) 50%,rgba(163, 123, 90,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	max-width: 80%;
}
.p-image-01 {
	position: absolute;
	bottom: -3px;
	left: 50%;
	margin-left: -595px;
}
.p-image-02 div {
	/* position: absolute; */
	/* bottom: 0; */
	/* left: 50%; */
}
.parallax-info {
	position: absolute;
	z-index: 50;
	width: 100%;
	height: 100%;
}
#video_background {
	position: absolute;
	bottom: 0px;
	right: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1000;
	overflow: hidden;
}
.container-video {
	position: relative;
	overflow: hidden;
	height: 700px;
}
.full_slide {
}
.p-video {                /* give fit to box an aspect ratio */
	display: inline-block; /* let it be styled thusly */
	padding: 0;            /* get rid of pre-styling */
	margin: 0;
	width: 100%;           /* take up full width available */
	padding-top: 56.25%;   /* give aspect ratio of 16:9; "720 / 1280 = 0.5625" */
	heigth: auto;           /* don't want it to expand beyond padding */
	position: absolute;
	top: 0;
	z-index: 5;
}
.p-video > iframe {
	position: absolute;    /* expand to fill */
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -100;
}
.mk-video-mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: url(../css/vegas/overlays/05.png) center center repeat;
}
.p-video-title {
	height: auto;
	margin: auto;
	text-align: center;
	opacity: 0.7;
	font-size: 50px;
	font-weight: 300;

	letter-spacing: 30px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 333px;
}
.p-video-title span {
}
/* Team */
.t-spacer {
	width: 40px;
	height: 2px;
	background: #4cd8ed;
	margin: auto;
	margin-top: 30px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.t-element:hover .t-spacer {
	background: #fff;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.t-element:hover .t-roll {
	background: #fff;
	background: rgba(255,255,255,0.8);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.t-photo {
	position: relative;
	width: 255px;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.t-element {
	width: 255px;
	float: left;
	margin-right: 53px;
}
.t-element:nth-child(4) {
	margin-right: 0;
}
.t-element:nth-child(8) {
	margin-right: 0;
}
.t-element:nth-child(12) {
	margin-right: 0;
}
.t-data {
	background: #fff;
	text-align: center;
	text-transform: uppercase;

	padding: 30px;
	overflow: auto;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.t-element:hover .t-data {
	background: #4cd8ed;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.t-element:hover .t-info {
	color: #fff;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
/*.t-element:hover .t-photo img{
	-webkit-filter: saturate(100%);
	-moz-filter: saturate(100%);
	-o-filter: saturate(100%);
	-ms-filter: saturate(100%);
}*/
.t-name {
	color: #030303;
	font-size: 18px;
}
.ts {
	width: 25px;
	height: 25px;
	overflow: hidden;
	background: url("../images/social.png");
	float: left;
	margin: 11px 18px;
	opacity: 0.4;
}
.ts:hover {
	opacity: 1;
}
.ts.facebook {
	background-position: 0 0;
}
.ts.facebook:hover {
	background-position: 0 bottom;
}
.ts.twitter {
	background-position: 75px 0;
}
.ts.twitter:hover {
	background-position: 75px bottom;
}
.ts.pinterest {
	background-position: 50px 0;
}
.ts.pinterest:hover {
	background-position: 50px bottom;
}
.ts.tumblr {
	background-position: 25px 0;
}
.ts.tumblr:hover {
	background-position: 25px bottom;
}
.t-info {
	color: #7f7f7f;
	font-size: 14px;
	margin-top: 10px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
/*.t-photo img{
	-webkit-filter: saturate(0%);
	-moz-filter: saturate(0%);
	-o-filter: saturate(0%);
	-ms-filter: saturate(0%);
}*/
.t-social {
	float: right;
	right: 50%;
	position: relative;
}
.in-social {
	margin-top: 10px;
	height: 36px;
	float: right;
	right: -50%;
	position: relative;
}
/* Caroussel */
.show {
	position: relative;
	width: 520px;
}
.caroussel {
	width: 500px;
	height: 350px;
	overflow: hidden;
	position: relative;
	margin-left: 10px;
}
.caroussel-list {
	overflow: auto;
}
.car-img {
	float: left;
	width: auto;
}
.controller {
	float: right;
	right: 50%;
	position: relative;
}
.controller ul {
	padding: 0;
	float: right;
	right: -50%;
	position: relative;
	margin: 35px 0 0 15px;
}
.controller ul li {
	list-style: none;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #eaeaea;
	background: #fff;
	float: left;
	margin: 0 7px;
	cursor: pointer;
}
.controller ul li:hover {
	border: 2px solid #713D76;
	background: #713D76;
}
.controller ul li:first-child {
	margin-left: 0px;
}
.controller ul li:last-child {
	margin-right: 0px;
}
.selected {
	border: 2px solid #713D76 !important;
	background: #713D76 !important;
}
.car-prev, .car-next {
	position: absolute;
	width: 45px;
	height: 85px;
	background-image: url('../images/c-arrows.png');
	background-color: #713D76;
	top: 125px;
	cursor: pointer;
}
.car-prev {
	left: 0;
	background-position: -16px 0;
}
.car-next {
	right: 0;
	background-position: 0px -85px;
}
/* Testimonials */
.caroussel-2 {
	width: 500px;
	height: 280px;
	overflow: hidden;
	position: relative;
	margin-left: 10px;
}
.caroussel-list-2 {
	overflow: auto;
}
.car-quote {
	float: left;
	width: 500px;
}
.tag-project {
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	color: #929292;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 3px;
}
.controller-2, .controller-3 {
	float: right;
	right: 50%;
	position: relative;
	margin: 30px 0 60px;
}
.controller-3 {
	margin-top: 0;
}
.controller-2 ul, .controller-3 ul {
	padding: 0;
	float: right;
	right: -50%;
	position: relative;
}
.controller-2 ul li, .controller-3 ul li {
	list-style: none;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #eaeaea;
	background: #fff;
	float: left;
	margin: 0 7px;
	cursor: pointer;
	margin: 35px 0 0 15px;
}
.controller-3 ul li {
	border: 2px solid #fff;
}
.controller-2 ul li:hover, .controller-3 ul li:hover {
	border: 2px solid #713D76;
	background: #713D76;
}
.controller-2 ul li:first-child, .controller-3 ul li:first-child {
	margin-left: 0px;
}
.controller-2 ul li:last-child, .controller-3 ul li:last-child {
	margin-right: 0px;
}
.car-prev-2, .car-next-2 {
	position: absolute;
	width: 47px;
	height: 85px;
	background-image: url('../images/c-arrows.png');
	background-color: #713D76;
	top: 88px;
	cursor: pointer;
}
.car-prev-2 {
	left: 0;
	background-position: -16px 0;
}
.car-next-2 {
	right: 0;
	background-position: 0px -85px;
}
.avatar {
	width: 100px;
	float: left;
	margin-right: 20px;
}
.avatar img {
	border-radius: 50%;
}
.q-spacer {
	width: 100%;
	height: 1px;
	background: #f4f4f4;
	margin: 35px 0;
}
.comment {
	font-size: 14px;

	color: #acacac;
}
.comment span {
	color: #474747;
	font-weight: 600;
}
/* Services */
.services {
	position: relative;
	overflow: visible;
}
.tooltip {
	display: none;
	position: absolute;
	width: 220px;
	background: #000;
	top: auto;
	bottom: 100%;
	left: 50%;
	margin-left: -130px;
	padding: 5px 23px;
	margin-bottom: 30px;
}
.arrow-down {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: auto;
	bottom: 100%;
	margin-bottom: 22px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid rgba(6,6,6,.85);
}
.details {
	color: #fff;
	font-size: 14px;
	text-align: left;
	font-weight: 300;

	line-height: 30px;
}
.details ul {
	list-style: none;
	padding: 0;
}
.list-dot {
	display: inline-block;
	margin: 0px 7px -3px 0px;
	width: 15px;
	height: 15px;
	background: url("../images/ckeck.png") no-repeat #713D76;
}
.visible {
	display: block;
}
.s-container {
	position: relative;
	width: 1180px;
	margin: auto;
}
.s-element {
	width: 393px;
	height: auto;
	float: left;
	text-align: center;
}
.s-info {
	padding: 0 45px;
}
.s-ico {
	width: 170px;
	height: 170px;
	background-color: #713D76;
	cursor: pointer;
	border-radius: 50%;
	margin: 10px auto 40px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.s-ico:hover {
	background-color: #e6e6e6;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.f-ico.s-one {
	background-position: 0 0;
}
.f-ico.s-two {
	background-position: -73px 0;
}
.f-ico.s-three {
	background-position: -146px 0;
}
.f-ico.s-four {
	background-position: -219px 0;
}
.s-info {

	font-size: 14px;
	color: #b4b4b4;
	font-weight: 400;
	line-height: 25px;
}
.s-info span {
	font-family: 'Montserrat', sans-serif;
	color: #434242;
	font-size: 22px;
}
.sl-element {
	width: 236px;
	height: auto;
	float: left;
	text-align: center;
	position: relative;
	overflow: visible;
}
.sl-title {

	color: #434242;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
}
.sl-ico {
	cursor: crosshair !important;
	background-image: url("../images/sl-icons.png");
	width: 110px;
	height: 110px;
	background-color: #713D76;
	cursor: pointer;
	border-radius: 50%;
	margin: 10px auto 30px;
	background-position: center center;
	background-repeat: no-repeat;/*-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;*/
}
.sl-ico:hover {
	background-color: #e6e6e6 !important;
}
.sl-config {
	background-position: 0 0;
}
.sl-globe {
	background-position: -110px 0;
}
.sl-diamond {
	background-position: -220px 0;
}
.sl-pointer {
	background-position: -330px 0;
}
.sl-clock {
	background-position: -440px 0;
}
/* Skills */
.skill-1 .skill-in {
	width: 0%;
}
.skill-2 .skill-in {
	width: 0%;
}	/* Change your percent Skills here!*/
.skill-3 .skill-in {
	width: 0%;
}	/* Change your percent Skills here!*/
.skill-4 .skill-in {
	width: 0%;
}	/* Change your percent Skills here!*/
.skill-5 .skill-in {
	width: 0%;
} /* Change your percent Skills here!*/
.progress-bar {
	height: 36px;
	width: 500px;
	background: #f6f6f6;
}
.progress-bar .skill-in {
	display: inline-block;
	height: 100%;
	background: #713D76 url("../images/skill-sprite.png") repeat-x;
}
.info-skills {
	position: absolute;

	font-size: 14px;
	color: #fff;
	font-weight: 600;
	line-height: 36px;
	padding-left: 18px;
	text-transform: uppercase;
}
.info-skills span {
	font-weight: 300;
}
.skill-content {
	margin-bottom: 32px;
}
.skill-content:last-child {
	margin-bottom: 0;
}
/* Portfolio */
.p-category {
	text-decoration: none;
	position: relative;
	margin: 0 auto;
	z-index: 20;
	display: block;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
	/*background: url("color/images/color-icons.png") 0 -88px no-repeat;*/
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ch-grid:hover .p-category {
	opacity: 1;
}
.nav-wrapper {
	position: relative;
}
.nav-wrapper:hover .nav-work {
	opacity: 1
}
.nav-work {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.nav-work div {
	position: absolute;
	top: 47%;
	width: 30px;
	height: 60px;
	cursor: pointer;
	background: url("../images/work-arrows.png") no-repeat;
}
.nav-work .w-prev {
	left: 15px;
	background-position: bottom left;
}
.nav-work .w-next {
	right: 15px;
	background-position: top left;
}
.w-arrows .close {
	background-position: -264px bottom;
	border: none;
	borde-radius: none;
}
.w-arrows .btn-next {
	background-position: right bottom;
}
.w-arrows .btn-prev {
	background-position: -218px bottom;
}
.w-arrows div {
	cursor: pointer;
	display: block;
	height: 44px;
	width: 44px;
	line-height: 32px;
	border: 2px solid #ddd;
	border-radius: 50%;
	text-transform: uppercase;
	float: left;
	margin: 0 10px;
	text-align: center;
	/*background: url("color/images/color-icons.png") no-repeat bottom right;*/
}
.w-arrows {
	overflow: auto;
	width: 205px;
	margin: 20px auto 20px;
}
.w-arrows.last {
	margin: 120px auto 150px;
}
.ch-item {
	float: left;
	width: 100%;
	cursor: pointer;
}
.ch-item img {
	width: 100%;
}
.ch-grid img {
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ch-grid:hover img.fadeout {
	opacity: 0.1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ch-grid:hover div.cover {
	opacity: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.ch-grid {
	/* overflow: hidden; */
	/* background-color: #fff; */
}
.ch-grid div.cover {
	cursor: pointer;
	position: absolute;
	/*background: #713D76;
    background: rgba(76,221,243,0.8);*/
	width: 100%;
	height: 100%;
	left: 100%;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.ch-grid div.cover span {
	display: block;
	padding: 0 0;
	margin: 20% 20px;
	text-transform: uppercase;

	letter-spacing: 1px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-align: center;
}
.ch-grid div.cover span span {
	margin: auto;
	text-transform: lowercase;
	font-size: 16px;
	font-weight: 400;
}
.ch-grid div.cover span span.p-category {
	margin-bottom: 15px;
	font-size: 2em;
}
.ch-grid div.cover span span.cat2 {
	color: #555;
	padding: 0;
	font-size: 13px;
	text-transform: uppercase;
}

.catalogue {
	/* border: 1px solid #000; */
	display: block;
	margin: 10px;
	margin-bottom: 20px;
    width:230px;
	position: relative;
	/*padding-bottom: 1px; */
	background: #fff;
	overflow: hidden;
}

.cat-title {
    background: rgb(0,0,0);
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin: 0;
    padding: 10px;
    /*position: absolute; */
    bottom: 0;
    /* left: 0; */
    width: 100%;
    /* border: 1px solid #000; */
}

.squarepic {
    width: 100%;
    padding: 0 0 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 35px;
}
.squarepic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.slidehover {
    height: auto;
    /*position: absolute; */
    bottom: 0;
    width: 100%;
    text-align: center;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    /* background-color: rgba(113, 61, 118, 0.8); */
}
.slidehover span {
    position: absolute;
    top: 50%;
    width: 100%;
    display: none;
    color: #fff;
}
.catalogue:hover {
	border: 10px solid #a9aaa7;
}
.catalogue:hover .slidehover {
    /* height: 100%; */
    /* top: 0; */
}
.catalogue:hover .squarepic {
	/* opacity: 0.5; */
}
.catalogue:hover .slidehover span {
    display: block;
}

.catalogue:hover .cat-title {
	/* bottom: initial;
	background: #795A3F;
	*/
	background: #a9aaa7;
}


#options {
	float: right;
	right: 50%;
	position: relative;
	margin-bottom: 70px;
}
#filters {
	padding: 0;
	float: right;
	right: -50%;
	position: relative;
}
.folio-btn {
	list-style: none;
	background: #fff;
	float: left;
	cursor: pointer;
	border-radius: 3px;
	padding: 0px 22px;

	font-size: 15px;
	color: #c1c1c1;
	font-weight: 400;
	line-height: 32px;
	text-decoration: none;
	margin: 0 5px 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.folio-btn:hover {
	background: #713D76;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.folio-btn:firt-child {
margin-left: 0;
}
.folio-btn:last-child {
	margin-right: 0;
}
.folio-btn.selected {
	border: none !important;
	background: #713D76 !important;
	color: #fff !important;
}
.p-roll {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: #713D76;
	color: #fff;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.p-roll:hover {
	opacity: 0.7;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ch-grid {
	position: relative;
	list-style: none;
}
.bottom-line {
	border-bottom: solid 1px #f7f7f7;
	width: 1180px;
	margin: 85px auto 0;
}
/* Logos Caroussel */
.caroufredsel_wrapper {
	margin: auto !important
}
#logos {
	padding: 0;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
	margin: 50px 0;
}
.list_carousel li {
	/* width: 295px; */
	height: 180px;
	padding: 0;
	display: block;
	float: left;
	/* border: 1px solid red; */
	text-align: center;
	line-height: 180px;
}
.list_carousel li img {
	max-width:60%;
	max-height: 80%;
	vertical-align: middle;
	opacity: 0.8;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.list_carousel li img:hover {
	opacity: 1;
	-webkit-filter: none;
	filter: none;

}
/* Image Footer Spacer */
.img-spacer {
	width: 1180px;
	margin: auto;
	position: relative;
	margin-top: 265px;
}
.img-item {
	position: absolute;
	top: -200px;
	z-index: 15;
}
/* Footer */

footer {
    background: #4c4c4c;
    border-top: 2px solid #a37b5a;
    position: relative;
    /* z-index: 10; */
}
.footer-container {
	padding: 130px 0 60px;
	width: 1180px;
	margin: auto;
	overflow: auto;
	color: #a8a8a8;

	font-size: 17px;
	font-weight: 400;
}
.footer-container span {
	/* font-size: 13px; */
	font-weight: 200;
}
.foot-third {
	float: left;
	width: 365px;
	padding: 0 0 0 28px;
	line-height: 25px;
}
.f-title-one {
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #713D7C;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.title-one, .title-full-one {
	font-weight: 400;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #d7d9da;
	text-transform: uppercase;
}
.f-title-two, .f-title-two a {
	font-weight: 300;
	font-size: 28px;
	/* color: #A5A5A5; */
	margin-bottom: 14px;
	text-decoration:none;
}
.f-data {
	color: #D0D0D0;
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 10px;
}
.f-data span {
	/* color: #A0A0A0; */
	padding-left: 15px;
	line-height: 1.4;
	display: inline-block;
}
.f-data.phone span {
	/* padding-left: 19px; */
}
.f-data.e-mail span {
	/* padding-left: 27px; */
}
.f-data.hour-2 span {
	/* padding-left: 63px; */
}
.f-data.hour-3 span {
	padding-left: 57px;
}
.f-data img {
	margin-right: 10px;
}
.no-top {
	padding-top: 0 !important;
}
.f-bottom {
	margin-bottom: 115px !important;
}
/* Form */
label.error {
	font-size: 13px;
}
input.error {
	border-color: #bd260b;
	background: #f5e9e7;
}
.formSent, .formError {
	display: none;
}
.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	color: #c09853;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
}
.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}
.alert.fix {
	position: fixed;
	top: 40%;
	z-index: 1000;
	width: 50%;
	left: 25%;
	box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.25);
}
.bay {
	overflow: hidden;
	background-color: transparent;
}
.form-horizontal .control-group {
	margin-bottom: 10px;
}
.peThemeContactForm .controls .span9 {
	width: 100%;
	border: none;
	outline: none;
	padding: 11px;
	font-weight: 300;
	font-size: 13px;
	color: #a8a8a8;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	background: #fbfbfb;
}
/*.foot-third:last-child {padding-left: 0;}*/
.controls.send-btn {
	background: none;
}
.controls textarea {
	height: 100px;
}
.contour-btn {
	width: 100%;
	font-size: 14px;
	line-height: 26px;
	font-weight: 300;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	padding: 3px 30px;
	border-radius: 3px;
	background: #A09F0D;
	border: none;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.contour-btn:hover {
	color: #713D76;
	background: #f7f7f7 !important;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
/* Map */
#maps {
	width: 100%;
	height: 500px;
	/* position: absolute; */
	overflow: hidden;
}
.map-content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.inner-map {
	width: 100%;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
}
/* Facts */
.f-element {
	width: 295px;
	height: auto;
	float: left;
	text-align: center;
}
.f-ico {
	background: url("../images/facts.png") #713D76;
	width: 73px;
	height: 71px;
	margin: 0 auto 20px;
}
.highlight {
	font-weight: 300;

	font-size: 100px;
	color: #000000;
	line-height: 75px;
}
.milestone-details {
	font-weight: 300;

	font-size: 20px;
	color: #7f7f7f;
	text-transform: uppercase;
	padding: 20px 0 100px;
	letter-spacing: 1px;
}
/* Scroll Up */
.scrollup {
	z-index: 500;
	width: 50px;
	height: 50px;
	/* border-radius: 50%; */
	opacity: 0.5;
	position: fixed;
	bottom: 50px;
	right: 40px;
	display: none;
	background: #a37b5a;
	color: #fff;
	line-height: 48px;
	text-decoration: none;
	font-size: 25px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 300;
}
.scrollup:hover {
	color: #fff;
	opacity: 1;
}
/* Project Window Ajax */
.project-show {
	overflow: auto;
}
.project-window {
	width: 100%;
}
.project-content {
	width: 1180px;
	margin: auto;
}
.project-content img {
	width: 1180px;
}
.wrapper-project {
	overflow: hidden;
	width: 100%;
	height: auto;
}
.wrapper-project ul {
	margin: 0;
	padding: 0;
}
.wrapper-project ul li {
	list-style: none;
	float: left;
	margin: 20px 0 0;
}
.close {
	/*width: 20px;
	height: 20px;
	background: #713D76;
	border-radius: 50%;*/
	position: absolute;
	right: 12px;
	font-size: 1.5em;
	line-height: 1;
	top: 7px;
	}
.project-content .img-project:first-child {
	border-top: solid 1px #f7f7f7;
}
.description {
	color: #777573;
	font-size: 14px;
	margin-top: 55px;
}
.title-project {
	color: #000;
	font-size: 30px;

	margin: 5px 0 20px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 300;
}
.title-project span {
	font-size: 16px;
	text-transform: none;
	font-style: italic;
	color: #646464
}
/* Social Footer */
.socialFooter {
	position: relative;
	background: #333;
	/* margin-top: 500px; */
	width: 100%;
	height: 201px;
}
.socialFooter.inner {
	margin-top: 20px;
}
.social-icons {
	/* width: 215px; */
	padding: 20px;
	/* padding-top: 50px; */
	text-align: center;
	/* background: #000; */
}
.social-icons a {
	font-size: 2em;
	margin: 10px;
	color: #777;
}
.social-icons a:hover {
	color: #713D76;
}
.socialFooter .social-icons .social {
/*	float: right;
	right: 50%;
	position: relative;*/
}
.socialFooter .social-icons .social div {
	width: 51px;
	height: 51px;
	overflow: hidden;
	background: url("../images/social-footer.png");
	float: left;
	margin: 0 10px;
}
.socialFooter .social-icons .social div:hover {
	opacity: 0.7;
}
.socialFooter .social-icons .social .face {
	background-position: right bottom;
}
.socialFooter .social-icons .social .twitt {
	background-position: left bottom;
}
.socialFooter .social-icons .social .plus {
	background-position: -51px bottom;
}
.socialFooter .copy {
	text-align: center;

	color: #aaa;
	font-size: 13px;
	margin-top: 35px;
}
/* Jump Menu */
#nav2 {
	display: none;
	width: 60em; /* 1000 */

	font-weight: 400;
	position: absolute;
	top: 25%;
	left: 50%;
	margin-left: -30em; /* 30 480 */
}
#nav2 > a {
	display: none;
}
#nav2 li {
	position: relative;
}
#nav2 li a {
	color: #999;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}
/*#nav2 li a:active
		{
			background-color: #c00 !important;
		}*/

#nav2 span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #efa585;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}
/* first level */

#nav2 > ul {
	height: 3.75em; /* 60 */
	background-color: #f5f5f5;
	padding: 0;
}
#nav2 > ul > li {
	width: 25%;
	height: 100%;
	float: left;
}
#nav2 > ul > li > a {
	height: 100%;
	font-size: 1.5em; /* 24 */
	line-height: 2.5em; /* 60 (24) */
	text-align: center;
}
#nav2 > ul > li:not( :last-child ) > a {
	border-right: 1px solid #cc470d;
}
#nav2 > ul > li:hover > a,  #nav2 > ul:not( :hover ) > li.active > a {
	color: #333;
}
/* second level */

#nav2 li ul {
	background-color: #cc470d;
	display: none;
	position: absolute;
	top: 100%;
}
#nav2 li:hover ul {
	display: block;
	left: 0;
	right: 0;
}
#nav2 li:not( :first-child ):hover ul {
	left: -1px;
}
#nav2 li ul a {
	font-size: 1.25em; /* 20 */
	border-top: 1px solid #e15a1f;
	padding: 0.75em; /* 15 (20) */
}

/*							#nav2 li ul li a:hover,
					#nav2 li ul:not( :hover ) li.active a
					{
						background-color: #e15a1f;
					}*/


@media only screen and ( max-width: 62.5em ) /* 1000 */ {
#nav2 {
	display: none;
	width: 100%;
	position: static;
	margin: 0;
}
}

@media only screen and ( max-width: 974px ) /* 640 */ {

html {
	/* font-size: 75%; *//* 12 */
}
#nav2 {
	display: block;
	position: relative;
	top: auto;
	left: auto;
	font-size: 75%;
}
#nav2 > a {
	width: 50px; /* 50 */
	height: 75px; /* 50 */
	text-align: left;
	text-indent: -9999px;
	position: relative;
	background: url("../images/menu-icon-blk.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	float: right;
	cursor: pointer;
}
.slides-navigation a.prev, .slides-navigation a.next {
	display:none;
}
/*					#nav2 > a:before,
			#nav2 > a:after
			{
				position: absolute;
				border: 2px solid #fff;
				top: 35%;
				left: 25%;
				right: 25%;
				content: '';
			}
			#nav2 > a:after
			{
				top: 60%;
			}*/

#nav2:not( :target ) > a:first-of-type,  #nav2:target > a:last-of-type {
	display: block;
}
/* first level */
#nav2.active > ul {
	display: block;
}
#nav2 > ul {
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	margin-top: 75px;
}
#nav2:target > ul {
	display: block;
}
#nav2 > ul > li {
	width: 100%;
	float: none;
}
#nav2 > ul > li > a {
	height: auto;
	text-align: left;
	padding: 0 0.833em; /* 20 (24) */
}
#nav2 > ul > li:not( :last-child ) > a {
	border-right: none;
	border-bottom: 1px dotted #999;
}
/* second level */

#nav2 li ul {
	position: static;
	padding: 1.25em; /* 20 */
	padding-top: 0;
}
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	/*padding-top: 30px;*/ height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.xRJhxXBs.dpuf*/


.pattern {
	background-image: url("../images/slider/pattern.jpg");
}
.darker .sticky-wrapper {
	background-color: #000;
}
.overlay {
	z-index: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 3;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.4+100 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.slides-navigation .next {
	background: url("../images/chevron-next.png") no-repeat center;
	width: 60px;
	height: 100%;
	opacity: 0;
}
.slides-navigation .prev {
	background: url("../images/chevron-prev.png") no-repeat center;
	width: 60px;
	height: 100%;
	opacity: 0;
}
.slides-navigation .next:hover {
	opacity: 1
}
.slides-navigation .prev:hover {
	opacity: 1
}
body .bx-wrapper {
	margin-bottom: 0;
}
.bxslider {
	margin-top: 0px;
}
body .bx-wrapper .bx-viewport {
	border: 0px;
	left: 0;
}
.bx-wrapper .bx-controls-direction a.bx-next {
	background: transparent url("../images/s-next.png");
	width: 81px;
	height: 80px;
	margin-right: 70px;
	opacity: 0.3
}

/* ------------------ Navigation ------------------ */

/* Nav toggle */

.nav-toggle {
  line-height: 1;
  display: inline-block;
  padding: 0.5rem;
  border: 0;
  /* background: #FFFFFF; */
  border-radius: 0 !important;
  height: 40px;
  display: none;
  /* position: absolute; */
  /* right: 10px; */
  /* top: 10px; */
  margin: 0;
  /* float: right; */
  width: 40px;
  box-shadow: none;
}
.nav-toggle:hover .line {
	background: rgb(255, 255, 255);
}

/* Nav toggle icon */

.nav-toggle .icon-menu {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 20px;
  vertical-align: middle;
  fill: none;
}

/* Nav toggle icon lines */

.icon-menu .line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  background-color: #000;
}

/* Nav toggle icon line 1 */

.icon-menu .line-1 { top: 0; }

/* When active, rotate line 1 to be lefthand part of X */

.is-active .icon-menu .line-1 {
  -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
  -ms-transform: translateY(8px) translateX(0) rotate(45deg);
  transform: translateY(8px) translateX(0) rotate(45deg);
}

/* Nav toggle icon line 2 */

.icon-menu .line-2 {
  top: 50%;
  margin-top: -2px;
}

/* When active, hide line 2 */

.is-active .icon-menu .line-2 { opacity: 0; }

/* Nav toggle icon line 3 */

.icon-menu .line-3 { bottom: 0; }

/* When active, rotate line 3 to be righthand part of X */

.is-active .icon-menu .line-3 {
  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
  transform: translateY(-8px) translateX(0) rotate(-45deg);
}



/* SmartMenus Core CSS (it's not recommended editing this)
===============================================================*/

.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
ul.sm li{position:relative;/* z-index:1000; */}
ul.sm a{position:relative;display:block;}
ul.sm a.disabled{cursor:default;}
ul.sm ul{position:absolute;top:-999999px;left:-800px;width:100px;}
ul.sm li{float: left;/* display: inline-block; */}
ul.sm-rtl{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li{float:none;/* font-size: 13px; */display: block;text-align: left;/* border-top: 2px solid rgb(255, 255, 255); *//* padding-left: 20px; */margin-top: 2px;}
ul.sm a{white-space:nowrap;}
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
* html ul.sm-vertical li{float:left;width:100%;}
* html ul.sm-vertical ul li{float:none;width:auto;}
*:first-child+html ul.sm-vertical>li{float:left;width:100%;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
* html ul.sm{height:1px;}
*:first-child+html ul.sm{min-height:1px;}
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}


/* wrapper
===============*/

nav.nav {
    display: block;
    text-align: right;
    float: right;
    margin-left: auto;
    /* clear: both; */
    font-family: 'Open Sans', serif;
}

.main-nav {
    /* margin: 0 0 0 150px; */
    /* float: right; */
}


.navbar {
    /* background: #F1E6DC; */
    border-bottom: 2px solid #51924C;
}

section.navbar {}

section.navbar {}
#mainnav
{
    width: 100%;
    font-weight: 400;
    font-size: 14px;
 /*   padding: 0 30px;*/

    /* color: #000; */
    position: relative;
    z-index: 500;
}
#mainnav > a, .togglenav
{
    display: none;
}

/*common styles
=======================*/
.sm-top a
{
    color: #000;
    display: block;
    text-decoration: none;
    padding: 0 1em;
}
.sm-top a:active
{
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);
    background-color: rgba(0, 0, 0, 0.12);
}
.sm-top li:hover > a {
	opacity: .6;
	/* font-weight: 800; */
	/* border-radius: 3px; */
}
/*.sm-top .subs > a:after
{
    width: 0;
    height: 0;
    border: 0.313em solid transparent;
    border-bottom: none;
    border-top-color: #5B82AD;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em;
}*/
/* first level
==================*/
.action{
	background: rgb(168, 169, 161);
    color: white;
    padding: .5rem 2rem;
    /* background: white; */
    border: none;
}
.action:hover{
	background: #615d58;
}
.sm-top {
    padding: 0;
    margin: 0;
    /* text-align: center; */
}
.sm-top > li
{
    height: 100%;
    /* padding-top: 2px; */
}
.sm-top > li > a
{
    height: 100%;
    line-height: 52px;
    /* text-align: center; */
    font-size: 20px;
    /* border-radius: 3px 3px 0 0; */
    /* background: #eee; */
    text-transform: uppercase;
    padding: 0.5em 2em;
}
.sm-top:not( :hover ) > li.active > a
{
    color: #fff;
    background: #51924C;

    /* border-bottom: 2px solid #14AEA5; */
    /* margin-bottom: -2px; */
}

/* second level
========================*/
.sm-top ul
{
    background-color: #96978f;
    /* border-top: 2px solid rgb(160, 160, 160); */
    /* border-bottom: 2px solid rgb(182, 181, 180); */
    box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
    /* border-radius: 0 0 3px 3px; */
	z-index: 200;
}
.sm-top ul a
{
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
    /* padding: 1em; */
    color: #D4D4D4;
    font-size: 15px;
    line-height: 1.6em;
}

ul.sm ul li {
	margin: 0;
}



/* Sub menu indicators - Smart Menu styles
===================*/
.sm-top a span.sub-arrow {
    position:absolute;
    bottom: -3px;
    left:50%;
    margin-left:-5px;
    /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
    width:0;
    height:0;
    overflow:hidden;
    border-width:5px; /* tweak size of the arrow */
    border-style:solid dashed dashed dashed;
    border-color: rgba(0, 0, 0, 0.25) transparent transparent transparent;
}
.sm-top-vertical a span.sub-arrow,
.sm-top ul a span.sub-arrow {
    bottom:auto;
    top:50%;
    margin-top:-5px;
    right:15px;
    left:auto;
    margin-left:0;
    border-style:dashed dashed dashed solid;
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.25);
}

/* Scrolling arrows containers for tall sub menus - test sub menu:
"Sub test" -> "more..." -> "more..." in the default download package
 - Smart Menu styles
===================*/
.sm-top span.scroll-up, .sm-top span.scroll-down {
    position:absolute;
    display:none;
    visibility:hidden;
    overflow:hidden;
    background:#ddd;
    height:20px;
    /* width and position will be automatically set by the script */
}
.sm-top span.scroll-up-arrow, .sm-top span.scroll-down-arrow {
    position:absolute;
    top:-2px;
    left:50%;
    margin-left:-8px;
    /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
    width:0;
    height:0;
    overflow:hidden;
    border-width:8px; /* tweak size of the arrow */
    border-style:dashed dashed solid dashed;
    border-color:transparent transparent #247eab transparent;
}
.sm-top span.scroll-down-arrow {
    top:6px;
    border-style:solid dashed dashed dashed;
    border-color:#247eab transparent transparent transparent;
}


@media screen and (max-width: 767px) {

.logo {
	position: relative;
}

.sm-top a
{
    font-size: 15px !important;
    padding: 0 1em;
}
.righthead {
    text-align: right;
    margin: 10px;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}
.nav-toggle {
	display: block;
	/* top: 5px; */
	/* right: 5px; */
}

.main-nav {
	display: none;
}

.main-nav.is-visible {
	display: block;
	margin: 0;
	max-height: 400px;
	overflow: auto;
}
nav.nav {
	float: none;
	clear: both;
}



/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these)
  - Smart Menu styles
==========================*/
	ul.sm-top{width:auto !important;margin-top:15px;margin-right:0;/* margin-bottom: 10px; */background-color: #96978f;}
	ul.sm-top ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left: 0 !important;/* margin-top:0 !important; */width:auto !important;min-width:0 !important;max-width:none !important;margin: 0 !important;/* background: none; */box-shadow: none;/* border-left: 10px solid #fff; *//* border-right: 10px solid #fff; */border: none;}
	ul.sm-top>li{float:none;/* background: #F1E6DC; */}
	ul.sm-top>li>a,
    ul.sm-top ul.sm-nowrap>li>a{white-space:normal;padding-left: 33px;border-radius: 0;}
	ul.sm-top iframe{display:none;}

	.closed {
		display: none;
	}

	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.sm-top ul, .sm-top span.sub-arrow, .sm-top iframe {
		display:none !important;
	}*/


/* Menu items  - Smart Menu styles
===================*/
    /* presume we have 4 levels max */
    .sm-top > li:last-child > a,
    .sm-top > li:last-child > ul > li:last-child > a,
    .sm-top > li:last-child > ul > li:last-child > ul > li:last-child > a,
    .sm-top > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
    .sm-top > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
    .sm-top > li:last-child > ul,
    .sm-top > li:last-child > ul > li:last-child > ul,
    .sm-top > li:last-child > ul > li:last-child > ul > li:last-child > ul,
    .sm-top > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
    .sm-top > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
    }
    /* highlighted items, don't need rounding since their sub is open */
    .sm-top > li:last-child > a.highlighted,
    .sm-top > li:last-child > ul > li:last-child > a.highlighted,
    .sm-top > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
    .sm-top > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
    .sm-top > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted {
    }

/* Sub menu indicators  - Smart Menu styles
===================*/
    .sm-top a span.sub-arrow,
    .sm-top ul a span.sub-arrow {
        top:50%;
        margin-top:-9px;
        right:auto;
        left:6px;
        margin-left:0;
        width:17px;
        height:17px;
        font:bold 16px/16px monospace !important;
        text-align:center;
        border:0;
        /* text-shadow:none; */
        /* background:rgba(0,0,0,0.1); */
        -moz-border-radius:100px;
        /* -webkit-border-radius:100px; */
        /* border-radius:100px; */
        color: rgba(255, 255, 255, 0.3);
}
    .sm-top a.highlighted span.sub-arrow {
        display:none !important;
    }

	.navbar .columns {
		padding: 0;
	}

/* wrapper
===============*/
    #mainnav
    {
        width: 100%;
        position: static;
        margin: 0;

        /* padding-bottom: 10px; */
        /* max-height: 100%; */
        /* overflow: scroll; */
      /*  padding-top: 3.125em;*/
}
/*menu icon
===============*/
header {
	/* margin: 5px 50px; */
	/* height: 50px; */
	text-align: left;
	/* padding: 5px 0; */
	/* border-bottom: 1px solid red; */
	/* line-height: 50px; */
	min-height: 60px;
}
   #mainnav > a, .togglenav {
        width: 50px;
        height: 60px;
        text-align: left;
        /* background-color: #727B80; */
        left: 0;
        top: 0;
        color: rgb(177, 184, 187);
        text-align: center;
        vertical-align: middle;
        line-height: 60px;

        display: block;
        position: absolute;
        font-size: 2em;
}
.togglenav:hover {
	color: #C0362E;
	cursor: pointer;
}

/*
    #mainnav > a:before,
    #mainnav > a:after
    {
        position: absolute;
        border: 2px solid #fff;
        top: 35%;
        left: 25%;
        right: 25%;
        content: '';
    }
    #mainnav > a:after
    {
        top: 60%;
    }
    #mainnav:not( :target ) > a:first-of-type,
    #mainnav:target > a:last-of-type
    {
        display: block;
    }
    #mainnav:not( :target ) > .sm-top
    {
        display: none;
    }
    #mainnav:target > .sm-top
    {
        display: block;
    }*/
/* first level
===================*/
    .sm-top > li
    {
        width: 100%;
        float: none;
    }
    .sm-top > li > a
    {
        height: auto;
        text-align: left;
        /* padding: 0.1em; */
        border-radius: 3px;
        color: #fff;
        line-height: 1.6em;
}
    .sm-top > li:not( :last-child ) > a
    {
        border-right: none;
        /* border-bottom: 1px solid rgba(255, 255, 255, 0.4); */

    /*    margin-bottom: -1px;*/
}
/* second level
===================*/
    .sm-top ul
    {
        position: static;
        padding-top: 0;
    }
    .sm-top ul li > a {
    	background: rgba(0, 0, 0, 0.25);
    	/* color: #fff; */
    	/* margin-top: 2px; */
}
    .sm-top:not( :hover ) > li.active > a:after {
        display: none;
    }
    .sm-top ul li a:hover,
    .sm-top ul:not( :hover ) li.active a
    {
        /* background-color: #1c8d98; */
    }
/* third level
===================*/
    .sm-top ul ul
    {
        border-left: 8px solid #EEEEEE;
    }

	.fixed {
		max-height: 100%;
		overflow: auto;
	}

}


.sm .but {
	float: right;
}

.sm .but > a {
    background: #EF4543;
    line-height:2em;
    /* padding: 0; */
    margin:2px;
    height: 28px;
    color: #fff;
    border-radius: 20px;
    font-weight: 800;
}

.mute-toggle {
    position: absolute;
    z-index: 20;
    top: 10px;
    right: 20px;
    font-size: 42px !important;
    color: rgba(255,255,255,0.5);
}
.mute-toggle:hover {
    color: #fff;
}


form {
    width: 100%;
}

/* ----- BLOG ----- */

.blog-home:nth-child(odd) {
	background: #eee;
}
.blog-home:nth-child(odd):after {
	border-color: #eee;
}

.blog-preview {
    /* margin: 50px; */
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
}

.blog-preview img {
    margin: 0 auto 20px;
    display: block;
}
.post-body {
    max-width: 800px;
}
.post-date {
    font-size: 12px;
    color: #888;
}

.inline-block {
    display: inline-block;
}
#i-portfolio {
    width: 100%;
}

#footer-menu {
    /* background: #000; */
    /* font-size: 13px; */
}
#footer-menu ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
#footer-menu ul li {
    /* margin: 0 20px; */
    padding: 0;
    display: inline-block;
}
#footer-menu ul li a {
	padding: 10px;
	display: inline-block;
	color: #aaa;
}
#footer-menu ul li a:hover {
	/* background: #000; */
	color: #795A3F;
}

.copy {
    text-align: center;
    /* background: #222; */
    padding: 10px;
    color: #666;
    font-size: 12px;
}
.copy a {
	color: #666;
}
.copy a:hover {
	color: #ccc;
}

footer input,
footer textarea {
    border: none !important;
}


.shopperapproved_widget {
    margin-bottom: 20px;
}
.sa_review {
    background: rgba(255, 255, 255, 0.72);
    margin-bottom: 20px;
    color: #333;
    border-radius: 20px;
}

.sa_comments {
    background: none;
}

.sa_name {
    font-size: 12px;
}

.sa_comments {
    font-size: 1.6em;
    font-weight: 200;
    background: none !important;
}
.sa_comments:before {
	display: none;
}

#virtual-tour {
    background: #222;
    height: 600px;
	position: relative;
}
#virtual-tour iframe {
	width: 100%;
	height: 100%;
}

.shade {
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    text-align: center;
    padding-top: 285px;
    color: #fff;
    font-size: 1.3em;
    cursor: pointer;
    font-weight: 200;
}

.iframeblock iframe{
    pointer-events: none;
}

/* --- SHOP --- */

ul.productList.productSmall, ul.productList.productSmall > li, ul.productList.productLarge, ul.productList.productLarge > li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}
.small-prod {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 50px;
    background: white;
    margin-bottom: 30px;
    text-align: center;
}

.small-prod .image {
    background: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 100%;
}
.small-prod .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: none;
    box-shadow: none;
}

.small-prod h5 {
    position:absolute;
    bottom: 0;
    width: 100%;
    background: #99a0a5;
    padding: 15px;
    margin:0;
    font-size: 16px;
    color: #FFFFFF;
}
/*
.small-prod:hover h5{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
*/
.small-prod:hover .image {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}



.infobar {
    /* background: rgba(0, 0, 0, 0.5); */
    padding: 0 15px;
    /* text-align: center; */
    line-height: 1.6;
    /* border-bottom: 2px solid #000; */
    color: #fff;
    /* box-shadow: 0 1px 3px #000 inset; */
    /* margin-bottom: 40px; */
}
.infobar ul {
    margin-bottom: 0px;
    display: inline-block;
}
.infobar li {
    color:#fff;
    margin-top: 1px;
}
.infobar a {
    color: #a37b5a;
}
table.cart a {
	color: #a37b5a;
}
table.cart a:hover {
	color: #6DA042;
}
table.cart .button, table.cart .button:hover {
	color: #fff;
}
table.cart tbody tr {
	/* background: #222; */
}
table.cart tbody tr:nth-child(even) {
	background: #FFFFFF;
}
table.cart a.remove {
	font-size: 1.3em;
    margin-left: 0.5em;
}
table.enquiry {
    font-size: 1em;
    text-align: left;
}
table.enquiry .button {
    float: right;
    margin-left: 20px;
}

td.remove a {
    font-size: 1.5em;
}

tr.nobg {
    background: none !important;
    /* color: #333; */
}
tr.bgshade {
    background: #F3EFED !important;
    /* color: #333; */
}

tr.titles {
    background: #BBB;
    color: #fff;
}
tr.sub-total {
    /* border-top: 2px solid #a37b5a; */
}

a#catshopclear {
    font-size: inherit;
}

table.webform tbody tr:nth-child(even) {
    background: none;
}

@media only screen and (max-width: 767px) {
	table.enquiry {
    font-size: 12px;
}
table.enquiry td {
	padding: 5px;
}
#catCartDetails input.cartInputText {
	width: 50px !important;
	font-size: 12px;
	margin: 0;
}
}

.box {
    /* border-top: 2px solid #fff; */
    padding: 10px;
    background: #a37b5a;
    margin-bottom: 20px;
    /* box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); */
    color: #fff;
    word-wrap: break-word;
}

#overlay{
	position: fixed !important;
	height: 100% !important;
	}

#lightbox, #lightbox #outerImageContainer, #lightbox #imageDataContainer  {
	max-width: 100% !important;
	max-height: 100% !important;
	min-width: 300px !important;
	/* font-size: 170px !important; */
}
#lightbox #outerImageContainer {
	height:auto !important;
	min-height: 60px;
	font-size: 500px !important;
}
#lightbox #imageData #imageDetails {
	width: auto;
	font-size: 0.7em;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(/catalystimages/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevBLink, #nextBLink
{
	width: 63px;
	height: 32px;
	display: block;
	float: right;
}

#prevLink{left: 0;float: left;max-height: 100%;background: url(/catalystimages/prevlabel.gif) left -50px no-repeat;}
#nextLink{right: 0;float: right;max-height: 100%;background: url(/catalystimages/nextlabel.gif) right -50px no-repeat;}
#prevLink:hover, #prevLink:visited:hover, #prevBLink:hover, #prevBLink:visited:hover, #prevBLink {
background-position: left 15%;
}
#nextLink:hover, #nextLink:visited:hover,#nextBLink:hover, #nextBLink:visited:hover, #nextBLink {
background-position: right 15%; }


.poplets .columns {
    float: left !important;
}

a.popup {
    /* border: 2px solid #000; */
    display: inline-block;
    margin-bottom: 25px;
}

/* ===== Blog Tags =========================== */
.BlogTagCloud a {
	background: #bfbfbf;
	border-bottom: 1px solid #fff;
	color: #fff;
	display: inline-block;
	margin: 3px 2px;
	padding: 1px 5px;
}
.BlogTagCloud a:hover {
	background: #4C9BAF;
	color: #fff;
}
.BlogTagCloud-XX-Large {
	font-size: 130%;
	transform: rotate(1deg);
}
.BlogTagCloud-X-Large {
	font-size: 120%;
	transform: rotate(-3deg);
}
.BlogTagCloud-Large {
	font-size: 110%;
	transform: rotate(5deg);
}
.BlogTagCloud-Medium {
	font-size: 100%;
}
.BlogTagCloud-Small {
	font-size: 90%;
	transform: rotate(-5deg);
}
.BlogTagCloud-X-Small {
	font-size: 80%;
	transform: rotate(2deg);
}
.BlogTagCloud-XX-Small {
	font-size: 70%;
	transform: rotate(-1deg);

}

.blog-side ul {
    margin: 0;
    list-style: none;
    padding: 0;
    font-size: 12px;
}

ul.productfeaturelist li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
}


ul.catmap ul {
	margin: 0;
}
ul.catmap > li > ul > li  {
	background: #eee;
	list-style: none;
	margin: 0 2px 16px 0;
	padding: 1px 5px;
	display: block;
	/* border-left: 3px solid #ddd; */
}

ul.catmap ul li li {
    background: #fff;
    display: inline-block;
    margin: 0 2px 6px 0;
    padding: 1px 5px;

}
ul.catmap ul li li li {
    background: #eee;
}




/* Case studies blocks on the homepage and about us page */
ul.casestudies {
    margin: 0 auto;
    text-align: center;
    width:100%;
}
ul.casestudies li {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

	.full-data{float:left; width:100%; margin-bottom:30px;}
		.full-data .image-cont{width:50%; float:left; margin-bottom:1px;}
		.full-data .image-cont img{width:100%; float:left;}
		footer {
    clear: both;
    float: left;
    width: 100%;
}

.masonry-grid .grid-item {
    width: 230px;
    margin:10px;
}

.masonry-grid-element.revealable {
    position: relative;
}
.masonry-grid-element.revealable span {
    opacity:0;
    position: absolute;
    transition: 300ms linear;
    text-align: center;
    display: block;
    color: white;
    width: 100%;
    top: 45%;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    text-shadow: 0px 2px 7px #000;
    font-size: 20px;
}

.masonry-grid-element.revealable:hover span {
    opacity: 1;
}


/*
* derived from ModuleStyles.css
*/


.poplets {
    /* border-top: 1px solid #eee; */
    /* margin-top: 36px; */
    padding: 15px 0;
}

.poplets img {
    /* border: 1px solid #000; */
}
.poplets img:hover {
    border: 1px solid #fff;
}

table.productPoplets {
    border-collapse:collapse;
    border-spacing:0;

    margin: 0 auto;
}
@media only screen and (max-width: 1704px) {

	.sm-top > li > a{
		padding: 0.5em 1.5em;
	}
	}
	@media only screen and (max-width: 1560px) {

		.sm-top > li > a{
			font-size: 15px;
		}
		}
@media only screen and (max-width: 1404px) {

	.sm-top > li > a{
		padding: 0.5em 1.5em;
	}
	}
	@media only screen and (max-width: 1220px) {
	
		.sm-top > li > a{
			padding: 0.5em 1em;
		}
		}
		@media only screen and (max-width: 1220px) {
	
			.sm-top > li > a{
				font-size: 12px;
			}
			}
	@media only screen and (max-width: 1000px) {
	.logo{
		position: relative;
	}
	.sm			.sm-top > li > a{
		font-size: 15px;
	}
				}