@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
}

header {
	background-color: #F1EDEE;
	width: 100%;
	min-height: 10px;
}

.logo {
	max-width: 100%;
	height: auto;
	/*margin-top: 10px;*/
	text-align: center;
}

.logo_container {
	max-width: 1400px;
	height: auto;
	margin: auto;
	text-align: center;
}

.slider_container {
	background-color: #1B1B1B;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 10px;
}

.slider_box {
	max-width: 1400px;
	height: 10%;
	margin: auto;
}

.body_box {
	max-width: 1000px;
	min-height: 300px;
	margin: auto;
	padding: 10px 10px 50px 10px;
}

.body_box a {
	text-decoration: none;
	color: rgba(41,41,41,1.00);
	transition: ease-in-out 0.20s;
	-webkit-transition: ease-in-out 0.20s;
	-moz-transition: ease-in-out 0.20s;
	-ms-transition: ease-in-out 0.20s;
	-o-transition: ease-in-out 0.20s;
}

.body_box a:hover {
	color: #CF171A;
}

.social_container {
	width: 100%;
	min-height: 100px;
	padding: 15px;
}

.social {
	margin: 5px;
	float: right;
	transition: ease-in-out 0.20s;
	-webkit-transition: ease-in-out 0.20s;
	-moz-transition: ease-in-out 0.20s;
	-ms-transition: ease-in-out 0.20s;
	-o-transition: ease-in-out 0.20s;
	filter: gray;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	cursor: pointer;
}

.social:hover {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}

footer {
	color: #fff;
	background-color: #000;
	width: 100%;
	height: auto;
	padding: 15px;
	text-align: center;
}

footer a {
	text-decoration: none;
	color: #fff;
	transition: ease-in-out 0.20s;
	-webkit-transition: ease-in-out 0.20s;
	-moz-transition: ease-in-out 0.20s;
	-ms-transition: ease-in-out 0.20s;
	-o-transition: ease-in-out 0.20s;
}

footer a:hover {
	color: rgba(203,28,31,1.00);
}

.link_box {
	background-color: rgba(35,35,35,1.00);
	width: 100%;
	padding: 15px 10px;
	text-align: center;
	height: auto;
	min-height: 0px;
	color: #fff;
}

.link_box li {
	display: inline-block;
}

.link_box a {
	text-decoration: none;
	color: #fff;
	transition: ease-in-out 0.20s;
	-webkit-transition: ease-in-out 0.20s;
	-moz-transition: ease-in-out 0.20s;
	-ms-transition: ease-in-out 0.20s;
	-o-transition: ease-in-out 0.20s;
}

.link_box a:hover {
	color: #FF001D;
}

#wowslider-container1 .ws_images {
	float: left;
}


.discrib {
	/*background-image: url(../images/discrib.jpg);*/
	background-image: url(../images/back_img.jpg);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: auto;
	min-height: 150px;
	text-align: center;
	font-size: 50px;
	font-weight: 700;
	padding-top: 45px;
	padding-bottom: 20px;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.80);
}

.contact_details {
	width: auto;
	height: auto;
	color: #fff;
	float: right;
	padding: 9px;
}

.contact_details a {
	text-decoration: none;
	color: #fff;
	transition: ease-in-out .20s;
	-webkit-transition: ease-in-out .20s;
	-moz-transition: ease-in-out .20s;
	-ms-transition: ease-in-out .20s;
	-o-transition: ease-in-out .20s;
}

.contact_details a:hover {
	color: red;
}

.contact_details_mobile {
	width: auto;
	height: auto;
	color: #fff;
	float: left;
	padding: 9px;
}

.contact_details_mobile a {
	text-decoration: none;
	color: #fff;
	transition: ease-in-out .20s;
	-webkit-transition: ease-in-out .20s;
	-moz-transition: ease-in-out .20s;
	-ms-transition: ease-in-out .20s;
	-o-transition: ease-in-out .20s;
}

.contact_details_mobile a:hover {
	color: red;
}

/*input, select, textarea {
	width: 100%;
}*/

#name #web #text p {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

a:hover {
	transition: ease-in-out .20s;
	-webkit-transition: ease-in-out .20s;
	-moz-transition: ease-in-out .20s;
	-ms-transition: ease-in-out .20s;
	-o-transition: ease-in-out .20s;
}

a[title]:hover::before {
	bottom: -50%;
	transition: ease-in-out .20s;
	-webkit-transition: ease-in-out .20s;
	-moz-transition: ease-in-out .20s;
	-ms-transition: ease-in-out .20s;
	-o-transition: ease-in-out .20s;
}

a[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #fff;
  font-size: 16px;
  width: 160px;
  height: auto !important;
  position: absolute;
  left: 0px;
  top: auto;
  bottom: 0px;
  z-index: 999;
  /*white-space: nowrap;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;*/
  background-color: rgba(0,0,0,0.60);
  transition: ease-in-out .20s;
	-webkit-transition: ease-in-out .20s;
	-moz-transition: ease-in-out .20s;
	-ms-transition: ease-in-out .20s;
	-o-transition: ease-in-out .20s;
}

@media (max-width: 650px) {
	
	.logo {
		width: 100%;
		height: auto;
	}
}
	
}

/*////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
Contact All
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////*/



/*////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
Contact All End
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
Img
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////*/


.img_block {
	width: 100%;
	height: auto;
	transition: ease-in-out 0.20s;
	-webkit-transition: ease-in-out 0.20s;
	-moz-transition: ease-in-out 0.20s;
	-ms-transition: ease-in-out 0.20s;
	-o-transition: ease-in-out 0.20s;
}

.img_block:hover {
	background-color: rgba(0,0,0,0.75);
	width: 100%;
	height: auto;
}



@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'feathericons';
	src:url('../fonts/feathericons/feathericons.eot?-8is7zf');
	src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),
		url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),
		url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),
		url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');
}

.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 220px;
	max-width: 380px;
	max-height: 300px;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


/*---------------*/
/***** Zoe *****/
/*---------------*/

figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 3.75em;
	background: rgba(0,0,0,0.70);
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe h2 {
	float: left;
}

figure.effect-zoe p.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
	color: #252d31;
}

figure.effect-zoe p.description {
	position: absolute;
	bottom: 8em;
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe p.icon-links a span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe h2 {
	display: inline-block;
}

figure.effect-zoe:hover p.description {
	opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}


@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}


/*////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
Img End
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////*/




/*////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
Cat
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////*/

.boxi {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center !important;
	align-content: center;
	display: inline-block;
}

/*//////////////////////////////////////////////////
//////////////////////////////////////////////////
color Box
//////////////////////////////////////////////////
//////////////////////////////////////////////////*/

.color_cat_01 {
	background-image: url(../images/20130110_112512.jpg);
	background-size: cover;
	width: 32.26%;
	height: 300px;
	transition: ease-in-out 0.20s;
	-webkit-transition: ease-in-out 0.20s;
	-moz-transition: ease-in-out 0.20s;
	-ms-transition: ease-in-out 0.20s;
	-o-transition: ease-in-out 0.20s;
	filter: gray;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	text-align: center !important;
	cursor: pointer;
	display: inline-block;
}

.color_cat_02 {
	background-image: url(../images/05052006.jpg);
	background-size: cover;
	width: 32.26%;
	height: 300px;
	transition: ease-in-out 0.20s;
	-webkit-transition: ease-in-out 0.20s;
	-moz-transition: ease-in-out 0.20s;
	-ms-transition: ease-in-out 0.20s;
	-o-transition: ease-in-out 0.20s;
	filter: gray;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	text-align: center !important;
	cursor: pointer;
	display: inline-block;
}

.color_cat_03 {
	background-image: url(../images/samsung_200615_854.jpg);
	background-size: cover;
	width: 32.26%;
	height: 300px;
	transition: ease-in-out 0.20s;
	-webkit-transition: ease-in-out 0.20s;
	-moz-transition: ease-in-out 0.20s;
	-ms-transition: ease-in-out 0.20s;
	-o-transition: ease-in-out 0.20s;
	filter: gray;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	text-align: center !important;
	cursor: pointer;
	display: inline-block;
}

.color_cat_04 {
	background-image: url(../images/pilansberg_447.jpg);
	background-size: cover;
	width: 32.26%;
	height: 300px;
	transition: ease-in-out 0.20s;
	-webkit-transition: ease-in-out 0.20s;
	-moz-transition: ease-in-out 0.20s;
	-ms-transition: ease-in-out 0.20s;
	-o-transition: ease-in-out 0.20s;
	filter: gray;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	text-align: center !important;
	cursor: pointer;
	display: inline-block;
}

.color_cat_05 {
	background-image: url(../images/20131210_153357.jpg);
	background-size: cover;
	width: 32.26%;
	height: 300px;
	transition: ease-in-out 0.20s;
	-webkit-transition: ease-in-out 0.20s;
	-moz-transition: ease-in-out 0.20s;
	-ms-transition: ease-in-out 0.20s;
	-o-transition: ease-in-out 0.20s;
	filter: gray;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	text-align: center !important;
	cursor: pointer;
	display: inline-block;
}

.color_cat_06 {
	background-image: url(../images/dsci0058.jpg);
	background-size: cover;
	width: 32.26%;
	height: 300px;
	transition: ease-in-out 0.20s;
	-webkit-transition: ease-in-out 0.20s;
	-moz-transition: ease-in-out 0.20s;
	-ms-transition: ease-in-out 0.20s;
	-o-transition: ease-in-out 0.20s;
	filter: gray;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	text-align: center !important;
	cursor: pointer;
	display: inline-block;
}

.color_cat_01 p {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	text-align: center !important;
	display: inline-block;
}

.color_cat_02 p {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	text-align: center !important;
	display: inline-block;
}

.color_cat_03 p {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	text-align: center !important;
	display: inline-block;
}

.color_cat_04 p {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	text-align: center !important;
	display: inline-block;
}

.color_cat_05 p {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	text-align: center !important;
	display: inline-block;
}

.color_cat_06 p {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	text-align: center !important;
	display: inline-block;
}

/*.color_cat_01 p:hover {
	display: none !important;
}

.color_cat_02 p:hover {
	display: none !important;
}

.color_cat_03 p:hover {
	display: none !important;
}

.color_cat_04 p:hover {
	display: none !important;
}

.color_cat_05 p:hover {
	display: none !important;
}

.color_cat_06 p:hover {
	display: none !important;
}*/

.color_cat_01:hover {
	font-size: 0px !important;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}

.color_cat_02:hover {
	font-size: 0px;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}

.color_cat_03:hover {
	font-size: 0px;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}

.color_cat_04:hover {
	font-size: 0px;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}

.color_cat_05:hover {
	font-size: 0px;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}

.color_cat_06:hover {
	font-size: 0px;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}

.color_black:hover {
	background-color: rgba(0,0,0,0.75);
	width: 100%;
	height: 225px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	/*padding-top: 80px;*/
}

.color_black h2:hover {
	font-size: 28px;
	font-weight: 500;
}

.color_black {
	background-color: rgba(0,0,0,0.0);
	/*width: 32.26%;*/
	width: 100%;
	height: 225px;
	text-align: center;
	font-size: 0px;
	font-weight: 500;
	/*padding-top: 80px;*/
	transition: ease-in-out 0.20s;
	-webkit-transition: ease-in-out 0.20s;
	-moz-transition: ease-in-out 0.20s;
	-ms-transition: ease-in-out 0.20s;
	-o-transition: ease-in-out 0.20s;
	cursor: pointer;
	display: inline-block;
}

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

.color_cat_01 {
	width: 100%;
	height: 300px;
}

.color_cat_02 {
	width: 100%;
	height: 300px;
}

.color_cat_03 {
	width: 100%;
	height: 300px;
}

.color_cat_04 {
	width: 100%;
	height: 300px;
}

.color_cat_05 {
	width: 100%;
	height: 300px;
}

.color_cat_06 {
	width: 100%;
	height: 300px;
}

}

/*////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
Cat End
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Block 2
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/

.grid_2 {
	position: relative;
	clear: both;
	margin: 0 auto;
	/*padding: 1em 0 4em;*/
	width: 100%;
	/*min-height: 400px;*/
	list-style: none;
	text-align: center !important;
}

/* Common style */
.grid_2 figure {
	position: relative;
	/*float: left;*/
	/*z-index: 1;*/
	overflow: hidden;
	margin: 10px 1%;
	/*min-width: 250px;
	max-width: 380px;*/
	min-width: 250px;
	width: 30%;
	min-height: 150px;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	display: inline-block
}

/*.grid figure {
position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 33.333%;
	height: 400px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}*/

.grid_2 figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid_2 figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid_2 figure figcaption::before,
.grid_2 figure figcaption::after {
	pointer-events: none;
}

.grid_2 figure figcaption,
.grid_2 figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid_2 figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid_2 figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid_2 figure h2 span {
	font-weight: 800;
}

.grid_2 figure h2,
.grid_2 figure p {
	margin: 0;
}

.grid_2 figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*-----------------*/
/***** Steve *****/
/*-----------------*/

figure.effect-steve {
	z-index: auto;
	overflow: visible;
	background: #000;
}

figure.effect-steve:before,
figure.effect-steve h2:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #000;
	content: '';
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-steve:before {
	box-shadow: 0 3px 30px rgba(0,0,0,0.8);
	opacity: 0;
}

figure.effect-steve figcaption {
	z-index: 1;
}

figure.effect-steve img {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: perspective(1000px) translate3d(0,0,0);
	transform: perspective(1000px) translate3d(0,0,0);
}

figure.effect-steve h2,
figure.effect-steve p {
	background: #fff;
	color: #2d434e;
}

figure.effect-steve h2 {
	position: relative;
	margin-top: 20px;
	padding: 0.25em;
}

figure.effect-steve h2:before {
	box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}

figure.effect-steve p {
	margin-top: 1em;
	padding: 0.5em;
	font-weight: 800;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(0.9,0.9,1);
	transform: scale3d(0.9,0.9,1);
}

figure.effect-steve:hover:before {
	opacity: 1;
}

figure.effect-steve:hover img {
	-webkit-transform: perspective(1000px) translate3d(0,0,21px);
	transform: perspective(1000px) translate3d(0,0,21px);
}

figure.effect-steve:hover h2:before {
	opacity: 0;
}

figure.effect-steve:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }


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

.grid_2 figure {
	display: none;
	width: 100% !important;
	max-width: 100% !important;
}

figure.effect-steve {
	background-size: cover !important;
}

figure.effect-steve:before, {
	background-size: cover !important;
}

figure.effect-steve img {
	width: 100% !important;
}
	
}


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

	figure.effect-steve h2 {
		font-size: 100%;
	}

}

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

	figure.effect-steve h2 {
		font-size: 1.5em;
	}

}

/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Block 2 End
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/




/*////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
Creative Menu
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////*/

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700|Raleway:400,300,700);
@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	font-family: 'Raleway', sans-serif;
}

.color-4 {
	background: #000;
	text-align: left;
	padding-left: 20px;
}

nav a {
	position: relative;
	display: inline-block;
	margin: 5px 15px;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 18px;
}

nav a:hover,
nav a:focus {
	outline: none;
}

/* Effect 17: move up fade out, push border */
.cl-effect-17 a {
	color: #C91E21;
	text-shadow: none;
	padding: 10px 0;
}

.cl-effect-17 a::before {
	color: #fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #C91E21;
	opacity: 0;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/*////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
Creative Menu End
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////*/

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}


/*////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
Responsive Grid 2 End
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////*/



/*////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
Responsive Grid 2 E
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
Responsive Grid 3
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////*/


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }



.col_3 {
	display: block;
	float:left;
	margin: 1% 0 1% 0.5%;
}
.col_3:first-child { margin-left: 0; }



/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

.span_1_of_3_3 { width: 32.26%; background-color: rgba(229,229,229,1.00); padding: 5px; height: 360px; }

.span_1_of_3_3 a {
	text-decoration: none;
	color: #000;
	transition: ease-in-out .20s;
	-webkit-transition: ease-in-out .20s;
	-moz-transition: ease-in-out .20s;
	-ms-transition: ease-in-out .20s;
	-o-transition: ease-in-out .20s;
}

.span_1_of_3_3 a:hover {
	color: #FF001D;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3, .span_1_of_3_3 { width: 100%; }
}

/*////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
Responsive Grid 3 End
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////////////////*/
/*////////////////////////// MENU RESPONSIVE ///////////////////////*/
/*///////////////////////////////////////////////////////////////////*/

.slicknav_menu {
	display:none;
}


.js #menu {
		display:none;
}

@media only screen and (max-width: 685px) {
	
	.js .slicknav_menu {
		display:block !important;
		z-index: 9999999999 !important;
		position: relative !important;
   		width:100%;
		background-color: rgba(0,0,0,1.00);
	}
	
	.js #menu {
		display: none;
	}
	
	.slicknav_menu {
		display: block;
	}
	
	.color-4 {
		display: none;
	}

}

/*///////////////////////////////////////////////////////////////////*/
/*///////////////////////// MENU RESPONSIVE END ////////////////////*/
/*///////////////////////////////////////////////////////////////////*/





/*//////////////////////////////////////////////*/
/*//////////////////MENU DROP 2///////////////////
////////////////////////////////////////////////*/

#drop-nav {
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
}
#drop-nav ul,
#drop-nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#drop-nav ul {
  position: relative;
/*  z-index: 597;*/
}
#drop-nav ul li {
	float: left;
	vertical-align: middle;
	margin-left: -10px !important;
	margin-right: -10px !important;
}
#drop-nav ul li.hover,
#drop-nav ul li:hover {
	background-color: rgba(0,0,0,0.30);
	position: relative;
	z-index: 599;
	cursor: default;
}


#drop-nav ul ul li {
	/*margin-top: -10px !important;*/
}


#drop-nav li:hover ul {
	background-color: rgba(0,0,0,0.60);
}


#drop-nav ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99999999;
  width: 100%;
}

#drop-nav ul ul li {
	min-width: 250px;
	text-align: center;
}

#drop-nav ul ul ul {
  top: 0;
  left: 250px;
  width: 250px;
  background-color: none !important;
}
#drop-nav ul li:hover > ul {
  visibility: visible;
}
#drop-nav ul ul {
  bottom: 0;
  left: 0;
}
#drop-nav ul ul {
  margin-top: 0;
}
#drop-nav ul ul li {
  font-weight: normal;
}
#drop-nav a {
  display: block;
  line-height: 0;
  text-decoration: none;
}
/* Custom CSS Styles */
#drop-nav {
}
#drop-nav > ul {
  *display: inline-block;
}

#drop-nav > li ul {
  background-color: rgba(0,0,0,0.0);
}


#drop-nav:after,
#drop-nav ul:after {
  content: '';
  display: block;
  clear: both;
}
#drop-nav ul {
  text-transform: uppercase;
}
#drop-nav ul ul {
  text-transform: none;
  min-width: 190px;
}
#drop-nav ul ul a {
  border-top: 0 none;
  line-height: 150%;
  padding: 5px 8px;
  font-size: 14px;
  text-align: left;
}
#drop-nav ul ul ul {
  border-top: 0 none;
}
#drop-nav ul ul li {
	position: relative;
	background-color: rgba(0,0,0,0.85) !important;
	margin: 0px !important;
	z-index: 99999999 !important;
}
#drop-nav ul ul li:first-child > a {
}
#drop-nav ul ul li:hover > a {
}
#drop-navu ul ul li:last-child > a {

}
#drop-nav ul ul li:last-child:hover > a {
  -moz-border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#drop-nav ul ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#drop-nav ul li:hover > a,
#drop-nav ul li.active > a {
  color: #ffffff;
}
#drop-nav ul li.has-sub > a:after {
  content: '+';
  /*margin-left: 5px;*/
  margin-left: 0px;
}
#drop-nav ul li.last ul {
  left: auto;
  right: 0;
}
#drop-nav ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#drop-nav a {
  color: #fff;
  padding: 0 20px;
}
#drop-nav > ul > li > a {
  line-height: 28px;
  font-size: 18px;
}


/*//////////////////////////////////////////////*/
/*////////////////MENU DROP 2 End/////////////////
////////////////////////////////////////////////*/