@charset "UTF-8";
::selection {
	background-color: #AEAEAE;
	color: #fff;
}
html, body {
	background: #fff;
	width: 100% !important;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'CenturyGothicRegular';
	-webkit-font-smoothing:antialiased;
   }
.relative {
	position: relative;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
a {
	text-decoration: none;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
a:hover {
    text-decoration: none;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
a:focus {
	outline: none;
	-moz-outline: none;
	-webkit-outline: none;
}
/* 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("../img/audio.png") no-repeat;
	opacity: 0.5;
}
.banner-logo {
	height: 100px;
	width: 100px;
	background: #fff;
	margin: 0 auto;
}
.banner-logo img {
	margin-top: 18px;
}
.welcome {
	font-size: 12px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-top: 30px;
}
#home-fullWidth div, #home div {
	position: relative;
	width: 100%;
	height: 100%;
}
#home-fullWidth {
	height: 100%;
}
.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;
	display: none;
}
.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("../img/s-next.png");
	margin-right: 70px;
	right: 0;
	opacity: 0.3;
}
.s-prev {
	background: url("../img/s-prev.png");
	margin-left: 70px;
	left: 0;
	opacity: 0.3;
}
.s-next:hover, .s-prev:hover {
	opacity: 1;
}
/* Pre-load */
#home {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
#home img {
	width: 100%;
}
#loadimg{ display:none; height:100%; width:100%; background:#000; position:fixed; left:0; top:0; opacity:0.9; -moz-opacity:0.9; -webkit-opacity:0.9; -ms-opacity:0.9; -o-opacity:0.9; z-index:99999;}
#loadimg .preload-img{ text-align:center; width:50px; height:50px; margin:25% auto 0 auto;}

/* Loading */
#mask {
    background-color: #FFFFFF;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100000;
 	
}
.loader {
  position: absolute;
  width: 40px;
  height:40px;
  margin: -20px 0 0 -20px;
  top:40%;
  left:50%;
}

#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%;
	height: 75px;
	background: #fff;
	/*background-color: rgba(255,255,255,0.85);*/
	position: absolute;
	z-index:999;
	border-bottom: 1px solid #d6d6d6;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
a.client-login {
	border: 1px solid #fff;
	background: #979797;
	color: #fff !important;
	padding: 10px 10px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
a.client-login:hover {
	background: #fff;
	border: 1px solid #ccc;
	color: #414141 !important;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
a.client-name {
	border: 1px solid #ccc;
	background: #fff;
	color: #414141 !important;
	height: 31px;
	line-height: 31px;
	padding: 0px 15px;
 	overflow: hidden;
	margin-top: 21px;
	display: block;
}
 a.client-name, x:-moz-any-link, x:default {
height:32px;
}
a.client-logout {
	border-right: 1px solid #979797;
	border-left: 0px;
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
	background: #979797;
	color: #fff !important;
	padding: 9px 10px;
}
a.client-logout:hover {
	border-right: 1px solid #ccc;
	border-left: 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
	color: #414141 !important;
}
.menu a span {
	display: none;
}
.menu a:hover span {
	display: block;
}
.menu {
	float: right;
}
.menu ul {
	list-style: none;
	padding: 0;
	height: 75px;
	margin: 0;
}
.menu ul li {
	float: left;
	line-height: 75px;
	padding: 0 22px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.share {
	height: 75px;
	border-left: 1px solid #D6D6D6;
	position: relative;    
}
.logo a:focus {
	outline: none;
	-webkit-outline: none;
	-moz-outline: none;
}
.menu a {
	text-decoration: none;
	color: #414141;/*-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;*/
}
.menu a:hover {
	color: #AEAEAE;/*	-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 {
	font-family: 'CenturyGothicRegular';
}
#nav .current a {
	color: #AEAEAE;
}

#nav2 .current a {
	color: #AEAEAE;
}


.mobile-menu .current a{ color:#fff; background:#424141; }

.myaccount{ position:relative;}
.myaccount ul.myacc-list{ display:none; width:160px; position:absolute; right:22px; margin:0; padding:0; background:#666; height:auto; border: 1px solid #666; margin-top:-1px; }
.myaccount ul.myacc-list li{ font-size:11px; text-align:right; padding:0; margin:0; line-height:normal; float:none; border-bottom: 1px solid #787777;}
.myaccount ul.myacc-list li a{ white-space:nowrap; float:none; display:block; padding:8px 15px; color:#ccc;  }
.myaccount ul.myacc-list li a:hover{ background:#787777;}

.myaccount ul.myacc-list li:last-child{ border:0px;}
 

#nav a:focus {
	outline: none;
	-webkit-outline: none;
	-moz-outline: none;
}
.logo {
	float: left;
	color: #000;
	cursor: pointer;
	margin-left: 30px;
	padding-top: 18px;
}
.logo span {
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	background: #AEAEAE;
	background: rgba(76,221,243,0.5);
	margin: 26px 7px 0 0;
}
.logo span span {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #AEAEAE;
	bottom: 0;
	left: 0;
}
.main-title .second-title {
	font-size: 16px;
	width: 680px;
	text-transform: none;
	margin: auto;
	font-weight: 400;
}
.second-title span {
	color: #AEAEAE;
	font-weight: 600;
}
.buy-logo {
	width: 135px;
	margin: 40px auto 0;
	height: auto;
	z-index: 10;
	position: relative;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	padding: 11px 25px 11px;
	cursor: pointer;
	border-radius: 3px;
	letter-spacing: 2px;
	pointer-events: auto;
	background: #000;
	-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;
}
.slider-logo a, .buy-logo a {
	text-decoration: none;
	color: #fff;
}
.main-title {
	color: #fff;
	height: 385px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	width: 100%;
	top: 40%;
	z-index:99;
}
.main-title.title-fullWidth {
	top: 174px;
	margin-top: 0;
}
.main-title a {
	text-decoration: none;
}
.main-title .spacer {
	width: 60px;
	margin: 30px auto 40px;
}
.title-container {
	margin: 0 auto;
	width: 80%;
}
.main-title ul {
	list-style: none;
	padding: 0;
	margin: 10px 0 0;
	position: relative;
	height: 100px;
	font-size: 100px;
	font-weight: 300;
	text-align: center;
	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: 100px;
	-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;
}
.f-image a {
	color: #fff;
	text-decoration: none;
}
.f-single .portfolio-meta, .t-element .portfolio-meta {
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	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 {
	top: 85px;
	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;
}
.team-box .t-element:hover .f-category {
	top: 65px;
}
.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;
	-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;
}
.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;
	-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;
}
.f-single a:focus {
	outline: none;
	-moz-outline: none;
	-webkit-outline: none;
}
.image-hover-overlay {
	width: 100%;
	height: 98%;
	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: #333 !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(../img/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;
}
.dark {
	background: #f7f7f7 !important;
}
.f-single {
	float: left;
	margin: 0 15px;
	position: relative;
}
.f-single:hover .f-image {
	opacity: 1;
}
.f-single:hover .f-info {
	cursor: pointer;
	opacity: 1;
	color: #979797;
	-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 .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: 40px auto;
	height: 57px;
	width: 455px;
	position: relative;
	display: none;
}
.nav-featured div {
	cursor: pointer;
}
.prev-featured {
	background: url("../img/f-prev.png") no-repeat #e1e1e1;
	width: 30px;
	height: 57px;
	position: absolute;
	left: 0px;
}
.prev-featured:hover {
	background-color: #AEAEAE;
}
.next-featured {
	background: url("../img/f-next.png") no-repeat #e1e1e1;
	width: 30px;
	height: 57px;
	position: absolute;
	right: 0px;
}
.next-featured:hover {
	background-color: #AEAEAE;
}
.nav-featured .btn-featured {
	color: #fff;
	margin-top: 4px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	background: #AEAEAE;
	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;
}
.nav-featured .btn-featured:hover {
	background: #e1e1e1;
}
.btn-featured a {
	text-decoration: none;
	color: #fff;
}
.title {
	font-weight: 300;
	text-align: center;
}
.title.one {
	color: #989898;
	font-size: 30px;
	letter-spacing: 5px;
	padding: 80px 0 30px;
}
.title.three {
	color: #989898;
	font-size: 30px;
	letter-spacing: 5px;
	padding: 30px 0 30px;
}
.title.two {
	color: #757575;
	font-size: 14px;
	max-width: 680px;
	margin: 50px auto;
}
.f-info {
	font-weight: 400;
	text-align: center;
	font-size: 14px;
	color: #979797;
	line-height: 30px;
	padding: 15px 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;
}
.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 {
	width: 100%;
}
.light {
	background: #fff;
	position: relative;
}
.full {
	max-width: 1000px;
	position: relative;
	margin: auto;
}
.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;
}
.title-one, .title-full-one {
	font-weight: 400;
	text-align: center;
	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: #AEAEAE;
	text-decoration: none;
	font-weight: 400;
}
/* Parallax */
.parallax .p-dark {
	color: #404040;
}
.parallax {
	width: 100%;
	height: 480px;
	position: relative;
	overflow: hidden;
}
.p-image-first {
	margin-left: -335px;
}
.p-image-second {
	margin-left: -448px;
}
.parallax.p-two {
	height: 625px;
}
.parallax.p-one {
	height: 680px;
}
.p-one {
	background: url("../img/parallax/parallax-01.jpg") repeat
}
.p-two {
	background: url("../img/parallax/parallax-02.png") repeat;
	background-color: #AEAEAE;
}
.p-three {
	background: url("../img/parallax/parallax-01.jpg") repeat
}
.p-title-one {
	font-weight: 400;
	text-align: center;
	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: 100px;
	height: 2px;
	background: #aeaeae;
	margin: auto;
}
.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("../img/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;
	margin-top: 150px;
}
.testimonials {
	width: 90%;
	margin: 0 auto;
}
.testimonials h3 {
	color: #979797;
	font-size: 26px;
	font-weight: normal;
	margin: 0px;
	text-transform: uppercase;
}
.testimonials-all {
	background: #f4f4f4 !important;
	padding-bottom: 40px;
}
.testimonials-content {
	max-width: 900px;
	margin: 60px auto 0 auto;
	text-align: center;
}
.testimonials-content p {
	padding: 50px 0px;
	font-size: 14px;
	color: #979797;
}
.testimonials-content .date {
    color: #707070;
    font-size: 12px;
    margin-bottom: 30px;
    padding-top: 20px;
    float:left;
    width:100%;
}

.comment {
	width: 65% !important;
	margin-bottom: 20px;
}
 

.comment p {
	margin: 0px;
	font-size: 12px;
	color: #979797;
	padding-bottom: 10px;
	line-height: 18px;
}
.comment a {
	font-size: 12px;
	margin-top: 20px;
	float: left;
	text-transform: uppercase;
	color: #707070;
	text-decoration: none;
}
.comment a:hover {
	color: #333;
}
.testimonials .heading {
	float: left;
	width: 30%;
	overflow: auto;
}
.testimonials .heading h6 {
	color: #707070;
	text-transform: uppercase;
	font-weight: normal;
	margin: 10px 0px 20px 0px;
}
.testimonials .list-social {
	margin-top: 20px;
}
.testimonials .list-social a {
	margin-right: 10px;
}
.testimonials-content p {
 padding:0px 0px 30px 0px;
 font-size: 14px;
 color: #979797;
}
a.readmore-js-toggle {
	float: right;
	font-size: 12px;
	float: right;
	text-transform: uppercase;
	color: #707070;
	text-decoration: none;
}
.readmore-js-expanded {
	height: auto !important;
}
.caroussel {
	width: 500px;
	height: 350px;
	overflow: hidden;
	position: relative;
	margin-left: 10px;
}
.caroussel-list {
	overflow: auto;
}
.car-img {
	float: left;
	width: auto;
    padding-right:20px; margin-top:2px;
}
.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 #ccc;
	background: #ccc;
}
.controller ul li:first-child {
	margin-left: 0px;
}
.controller ul li:last-child {
	margin-right: 0px;
}
.selected {
	border: 2px solid #ccc !important;
	background: #ccc !important;
}
.car-prev, .car-next {
	position: absolute;
	width: 47px;
	height: 85px;
	background-image: url('../img/c-arrows.png');
	background-color: #4ad8ed;
	top: 125px;
	cursor: pointer;
}
.car-prev {
	left: 0;
	background-position: -16px 0;
}
.car-next {
	right: 0;
	background-position: 0px -85px;
}
/* Testimonials */
.caroussel-2 {
	min-height: 150px;
	overflow: hidden;
	position: relative;
	margin-left: 10px;
	margin: 0 auto;
	max-width: 1000px;
}
.caroussel-list-2 {
	overflow: auto;
}
.car-quote {
/*float: left;*/
}
.tag-project {
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	color: #929292;
	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 #ccc;
	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 #ccc;
	background: #ccc;
}
.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: 30px;
	height: 85px;
	background-image: url('../img/c-arrows.png');
	background-color: #ccc;
	top: 20px;
	cursor: pointer;
}
.car-prev-2 {
	left: -80px !important;
	background-position: -16px 0;
}
.car-next-2 {
	right: -80px !important;
	background-position: 48px -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;
	float: right;
	padding-left:25px;
}
.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("../img/ckeck.png") no-repeat #AEAEAE;
}
.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: #AEAEAE;
	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 {
	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("../img/sl-icons.png");
	width: 110px;
	height: 110px;
	background-color: #AEAEAE;
	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: #AEAEAE url("../img/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: 60px;
	height: 60px;
	text-align: center;
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
	background: #fff;
	cursor: pointer;
	background: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: url(../img/video-play.jpg) no-repeat;
	-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("../img/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;
}
.w-arrows {
	overflow: auto;
	width: 205px;
	margin: 20px auto 20px;
}
.w-arrows.last {
	margin: 120px auto 150px;
}
.ch-item {
	float: left;
	cursor: pointer;
	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;
 	zoom:100;
 
 }

#ourwork-gallery{ min-height:1000px ;}

#portfolio .ch-grid:hover img {
	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 {
	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:hover div span {
	display: block;
}
.ch-grid {
	overflow: hidden;
	background-color: #333;
	 
}
.ch-grid div {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	-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 p {
	height: auto;
	line-height: normal;
}
.ch-grid div span {
	display: none;
	padding: 0 0;
	margin: 27% 20px 0 20px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	text-align: center;
}
.ch-grid div span span {
	margin: auto;
	text-transform: lowercase;
	font-size: 16px;
	font-weight: 400;
}
.ch-grid:hover .p-category {
	display: block;
}
.ch-grid div span span.p-category {
	margin-bottom: 15px;
}
.ch-grid div span span.cat2 {
	color: #555;
	padding: 0;
	font-size: 13px;
	text-transform: uppercase;
}
#options {
	float: right;
	right: 50%;
	position: relative;
	margin-bottom: 70px;
}
#filters {
	padding: 0;
	float: right;
	right: -50%;
	position: relative;
}



.folio-btn {
	list-style: none;
	float: left;
	cursor: pointer;
	padding: 0px 22px;
	font-size: 11px;
	color: #707070;
	font-weight: 400;
	line-height: 14px;
	height: 14px;
	text-decoration: none;
	margin: 0px;
	border-left: 1px solid #ccc;
	position: relative;
	-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 {
	-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 span {
	display: none;
	height: 4px;
	width: 7px;
	background: url(../img/down-arrow.png) no-repeat;
	margin: 5px auto 0px auto;
}
 .folio-btn:firt-child {
margin-left: 0;
padding-left:0px;
}
.folio-btn:last-child {
	margin-right: 0;
	padding-right: 0px;
	border: none;
}
.folio-btn.active span {
	display: block;
}
.p-roll {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: #AEAEAE;
	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: 85px 0;
}
.list_carousel li {
	width: 295px;
	height: 100px;
	padding: 0;
	display: block;
	float: left;
}
.list_carousel li img {
	width: 100%
}
/* 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-container {
	padding: 0px;
	max-width: 960px;
	margin: auto;
	overflow: auto;
	color: #a8a8a8;
	font-size: 17px;
	font-weight: 400;
}
.footer {
	padding-top: 70px;
}
.footer-container span {
	font-size: 13px;
}
.foot-third {
	float: left;
	width: 365px;
	padding: 0 0 0 28px;
	line-height: 25px;
}
.f-title-one {
	font-weight: 400;
	font-size: 15px;
	color: #d7d9da;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.title-one, .title-full-one {
	font-weight: 400;
	text-align: center;
	font-size: 15px;
	color: #d7d9da;
	text-transform: uppercase;
}
.f-title-two {
	font-weight: 300;
	font-size: 28px;
	color: #434343;
	margin-bottom: 45px;
}
.f-data {
	color: #3f3f3f;
	font-size: 15px;
	font-weight: 600;
	line-height: 30px;
}
.f-data span {
	color: #a8a8a8;
	padding-left: 15px;
}
.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 */
.error {
	font-size: 13px;
}
.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;
}
.bay {
	overflow: hidden;
	background-color: transparent;
}
.form-horizontal .control-group {
	margin-bottom: 22px;
	width: 49%;
	float: left;
	margin-right: 2%;
}
.form-horizontal textarea {
	margin-bottom: 8px !important;
}
.form-horizontal .send-btn {
	margin-top: 0 !important;
 	text-align:center;
	/*margin-right:5%;*/
}
.controls {
	position: relative;
	display:table;
	text-align:center;
	width:100%;
}
.form-horizontal label {
	top: 0px;
	left: 10px;
	position: absolute;
	font-size: 12px;
	padding-top: 11px;
	color: #777;
}
.text-area {
	position: relative;
	display:table;
	text-align:center;
	width:100%;
}
.text-area label {
	top: 0px;
	left: 10px;
	position: absolute;
	font-size: 12px;
	padding-top: 11px;
	color: #777;
}
.peThemeContactForm .span9 {
	width: 77%;
	border: none;
	outline: none;
	padding: 10px;
	font-weight: 300;
	font-size: 12px;
	color: #a8a8a8;
	background: #fff;
	border: 1px solid #dbdbdb;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-moz-box-shadow: inset 0 0 0 #fff;
	-webkit-box-shadow: inset 0 0 0 #fff;
	box-shadow: inset 0 0 0 #fff;
	font-family: 'CenturyGothicRegular';
	margin: 0;
	padding-left: 95px;
}
/*.foot-third:last-child {padding-left: 0;}*/
.controls.send-btn {
	background: none;
}
.text-area #message{
	width: 90% !important;
	height: 50px;
	font-family: 'CenturyGothicRegular';
 	padding: 10px;
	padding-left:80px;
	border: 1px solid #dbdbdb;
	font-size: 12px;
	color: #a8a8a8;
}
.contour-btn {
	width: 175px;
	font-size: 14px;
	line-height: 26px;
	font-weight: 300;
	display: inline-block;
	color:#757575;
	text-transform: uppercase;
	padding: 4px 0px;
	background: #fff !important;
	border: 1px solid #ccc;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	margin: 10px auto 0 auto;
	display: block;
	font-family: 'CenturyGothicRegular';
}
.contour-btn:hover {
	color: #fff;
	background: #ccc !important;
	border: 1px solid #ccc;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.address {
	margin-top:30px;
	font-size: 15px;
	min-height:50px;
 	color: #979797;	
	text-align:center;
	padding:25px 0px 40px 0px;
	line-height:31px;
	background:#f6f6f6;
    border-bottom:1px solid #d6d6d6;
}
 
.address address{ font-style:normal;}

.address .address-icon{ width:50px; height:50px; margin:0 auto; margin-bottom:20px; border-radius:50%; background:url(../img/address-icon.png) #ccc center no-repeat;}
 
.address a {
   	color: #979797;
	text-decoration: none;
}

.address a:hover{ color:#414141;}

.address ul{ margin:0; padding:0;}
.address ul li{ list-style:none;}
 
 
/* Map */
#map {
	width: 100%;
	height: 400px;
	overflow: hidden;
}
/* Facts */
.f-element {
	width: 295px;
	height: auto;
	float: left;
	text-align: center;
}
.f-ico {
	background: url("../img/facts.png") #AEAEAE;
	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.8;
	position: fixed;
	bottom: 50px;
	right: 40px;
	display: none;
	background: /*url('img/scroll-up.png') no-repeat*/ #ccc;
	color: #fff;
	line-height: 55px;
	text-decoration: none;
	font-size: 25px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 300;
}
/* 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: #AEAEAE;
	border-radius: 50%;*/
}
.project-content .img-project:first-child {
	border-top: solid 1px #f7f7f7;
}
.description {
	color: #646464;
	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: #fff;
	width: 100%;
	padding-bottom: 10px;
}
.social-icons {
	width: 215px;
	margin: 0px auto;
	padding-top: 10px;
	float: left;
	padding-left: 30px;
}
.socialFooter .social-icons .social {
/*	float: right;
	right: 50%;
	position: relative;*/
}
.socialFooter .social-icons .social div {
	width: 51px;
	height: 51px;
	overflow: hidden;
	background: url("../img/social-footer.png");
	float: left;
}
.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 .copyrights {
	color: #aaa;
	font-size: 10px;
	margin-top: 22px;
	float: right;
	padding-right: 20px;
	text-transform: uppercase;
	width: 575px;
}
.socialFooter .copy {
	float: left;
    
}
.socialFooter .develop {
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #ccc;
}
.socialFooter .moredetails {
	float: left;
    text-transform: none;
	
}
.socialFooter .develop a {
	color: #fd6b1e;
}
/* Jump Menu */
#nav2 {
	display: none;
	width: 60em; /* 1000 */
	font-weight: 400;
	position: absolute;
	top: 25%;
	left: 50%;
	margin-left: -30em; /* 30 480 */
}


#nav2 ul.mobile-menu li{ margin:0px; padding:0px;}
#nav2 ul.mobile-menu li a{ line-height:normal !important; margin:0px; }


#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 {
 	background-color: #333;
	padding: 0;
	margin:0;
}
#nav2 > ul > li {
	width: 25%;
	height: 100%;
	float: left;
	font-size: 14px;
}
#nav2 > ul > li > a {
	height: 100%;
	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: #ccc;
}
/* second level */

#nav2 li ul {
	background-color: #000;
	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 {
	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: 76px; /* 50 */
	text-align: left;
	text-indent: -9999px;
	position: relative;
	background: url("../img/menu-icon.png") no-repeat scroll;
	float: right;
	cursor: pointer;
}
/*					#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;
	top:75px;
  }
#nav2:target > ul {
	display: block;
}
#nav2 > ul > li {
	width: 100%;
	float: none;
}
#nav2 > ul > li > a {
	height: auto;
	text-align: left;
	padding: 12px 0px 12px 20px;
}
#nav2 > ul > li:not( :last-child ) > a {
	border-right: none;
	border-bottom: 1px solid #424141;
}
/* second level */

#nav2 li ul {
	position: static;
	padding: 1.25em; /* 20 */
	padding-top: 0;
}
}
 
.pattern {
	background-image: url("../img/slider/pattern.jpg");
}
.darker .sticky-wrapper {
	background-color: #000;
}
.overlay {
 	background: transparent url("../img/dot.png");
	opacity: 0.5;
	z-index: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 3;
  
}
	
	
}
.slides-navigation .next {
	background: transparent url("../img/s-next.png");
	width: 81px;
	height: 80px;
	margin-right: 70px;
	opacity: 0.3
}
.slides-navigation .prev {
	background: transparent url("../img/s-prev.png");
	width: 81px;
	height: 80px;
	margin-left: 70px;
	opacity: 0.3
}
.slides-navigation .next:hover {
	opacity: 1
}
.slides-navigation .prev:hover {
	opacity: 1
}
body .bx-wrapper {
	margin-bottom: 0;
}
.bxslider {
	margin-top: 0px;
}
ul.bxslider li img {
	width: 100%;
}
body .bx-wrapper .bx-viewport {
	border: 0px;
	left: 0;
}
.bx-caption span {
	font-size: 14px;
	color: #979797;
}
.bx-caption {
	margin: 50px 0px;
	text-align: center;
	text-transform: uppercase;
}
.gallery-comments:hover .bx-controls-direction {
	display: block;
}
.gallery-comments .bx-controls-direction {
	top: 48%;
	position: absolute;
	width: 70%;
	display: none;
}
.gallery-comments .bx-controls-direction a {
	color: #fff;
	border: 0px
}
.gallery-comments .bx-controls-direction a:focus {
	outline: none;
	-moz-outline: none;
}
.gallery-comments .bx-controls-direction a:hover {
	color: #666;
}
.gallery-comments .bx-controls-direction .bx-prev, .gallery-comments .bx-controls-direction .bx-next {
	padding: 16px 28px;
}
.gallery-comments .bx-prev {
	opacity: 0.5;
	margin: 0px;
	background: url(../img/fc-prev.png) center no-repeat;
	border: 0px;
}
.gallery-comments .bx-next {
	opacity: 0.5;
	margin: 0px;
	background: url(../img/fc-next.png) center no-repeat;
	border: 0px;
}
.gallery-comments .bx-prev:hover {
	opacity: 1 !important;
}
.gallery-comments .bx-next:hover {
	opacity: 1 !important;
}
.mfp-arrow-left {
	background: url(../img/fc-prev.png) center no-repeat;
	left: 15%;
	opacity: 0.5;
}
.mfp-arrow-right {
	background: url(../img/fc-next.png) center no-repeat;
	right: 15%;
	opacity: 0.5;
}
.mfp-arrow-left:hover {
	background: url(../img/fc-prev.png) center no-repeat;
	opacity: 1;
}
.mfp-arrow-right:hover {
	background: url(../img/fc-next.png) center no-repeat;
	opacity: 1;
}
.mfp-close {
	background: #fff url(../img/close.png) center no-repeat;
	height: 36px;
	width: 36px;
	border: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 9999;
	cursor: pointer;
}
.mfp-download {
	background: #fff url(../img/download.png) center no-repeat;
	height: 36px;
	width: 36px;
	border: 0px;
	position: absolute;
	right: 40px;
	top: 0px;
	z-index: 9999;
	cursor: pointer;
}
/* Category list */

#cat-popup {
	background: #fff;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 999999;
}
#cat-popup h1 {
	background: #fff;
	font-family: 'CenturyGothicRegular';
	color: #979797;
	font-size: 30px;
	text-transform: uppercase;
	position: fixed;
	top: 0px;
	z-index: 999;
	margin: 0px auto;
	width: 96%;
	padding: 0 2%;
	height: 70px;
	line-height: 70px;
	border-bottom: 1px solid #ccc;
}
#cat-popup h1 a {
	display: block;
	position: absolute;
	right: 1%;
	top: 24px;
	width: 21px;
	height: 21px;
	background: url(../img/home.png) left top no-repeat;
}
#cat-popup h1 a span {
	font-size: 11px;
	color: #979797;
	position: absolute;
	line-height: 15px;
	left: -45px;
	top: 3px;
}
#cat-popup h1 a:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
}
#cat-popup h1 select {
	cursor: pointer;
	font-family: 'CenturyGothicRegular';
	color: #979797;
	font-size: 30px;
	text-transform: uppercase;
}
#cat-popup h1 select option {
	background: #fff;
	border-bottom: 1px solid #CCCCCC;
}
#cat-popup #i-portfolio {
	margin-top: 0px;
}
 

#i-portfolio .ch-grid {
	 margin: 0px !important;
	z-index:9;
	
 }
.list-photos {
	width: 96%;
	margin: 20px auto 0 auto;
}
.list-photos ul {
	padding: 0px;
	width: 100%;
	margin-top: 110px;
}
.list-photos ul li {
	overflow: hidden;
	cursor: pointer;
	list-style: none;
	position: relative;
	display: inline-block;
	width: 17%;
	margin-right: 1%;
	margin-bottom: 1%;
	height: 200px;
	background: #ccc;
}
.list-photos ul li span {
	text-transform: uppercase;
	font-size: 12px;
	color: #666;
	width: 100%;
	text-align: center;
	line-height: 40px;
	display: none;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #f4f4f4;
}
.list-photos ul li:hover span {
	display: block;
}
.list-photos ul li.small {
	width: 10% !important;
}
.list-photos ul li img {
}
.bx-viewport {
	max-width: 1200px !important;
	margin: 0 auto;
}
.bx-viewport .bx-prev {
	position: absolute;
	left: 0px;
	top: 300px;
}
.bx-controls-direction {
	position: relative;
	width: 100%;
	position: absolute;
}
a.bx-prev {
	float: left;
	height: 22px;
	border: 1px solid #c7c7c7;
	padding: 6px 28px;
}
a.bx-next {
	float: right;
	height: 22px;
	border: 1px solid #c7c7c7;
	padding: 6px 28px;
}
.container a:focus {
	outline: none;
	-moz-outline: none;
}
#login-popup {
	background: url(../img/pop-bg.png) repeat;
	height: 100%;
	top: 0px;
	width: 100%;
	z-index: 99999999;
	display: none;
	margin: 0 auto;
	position: fixed;
}
#login-popup .login-block {
	padding: 60px 0px 80px 0px;
	text-align: center;
	color: #979797;
	text-transform: uppercase;
	width: 100%;
	background: #f4f4f4;
	margin: 14% auto 0 auto;
}
#login-popup .login-block h3 {
	margin: 0px;
	padding: 0px;
	font-size: 40px;
	text-transform: uppercase;
	color: #979797;
}
#login-popup .login-block h6 {
	margin: 20px 0px 0px 0px;
}
#login-popup .login-block h3 a {
	top: 30px;
	right: 30px;
	position: absolute;
	cursor: pointer;
	background: url(../img/close.png) no-repeat;
	height: 21px;
	width: 21px;
}
#login-popup .login-block h3 a:hover {
	opacity: 0.5;
}
#login-popup .login-block label {
	padding-left: 10px;
	position: absolute;
	height: 40px;
	line-height: 42px;
	display: block;
	font-size: 11px;
}
#login-popup .login-block input {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	font-size: 13px;
	color: #979797;
	font-family: 'CenturyGothicRegular';
	border: none;
	height: 40px;
	width: 72%;
	padding-left:85px;
 }
#login-popup .login-block input[type="button"] {
	height: 30px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	float: right;
	font-family: 'CenturyGothicRegular';
	height: 40px;
	font-size: 12px;
	width: 16%;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	text-transform: uppercase;
	color: #fff;
	background: #AEAEAE;
	border: none;
	padding:0;
}
#login-popup .login-block input[type="button"]:hover {
	background: #fff;
	color: #666;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.inputblock {
	max-width: 760px;
	margin: 40px auto 0 auto;
}
.errorblock {
	padding: 15px 0px;
	color: #F30;
	font-size: 13px;
	text-transform: lowercase;
}
.errorblock li {
	list-style: none;
}
.user, .pass {
	position: relative;
	float: left;
	width: 38%;
	margin-right: 20px;
}
.your-photo {
	background: #f4f4f4;
	color: #979797;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0px;
	width: 96%;
	padding: 0 2%;
	height: 120px;
	line-height: 120px;
}
.gallery-comments {
	background: #000;
	max-width: 1000px;
	margin: 5% auto 0 auto;
	height: 600px;
	position: relative;
}
.gallery-comments ul {
	margin: 0px;
	padding: 0px;
}
.gallery-comments ul li {
	padding: 0px;
	margin: 0px;
	float: left;
	list-style: none;
	background:#000;	
}
.close-big {
	height: 36px;
	width: 36px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 9999;
	background: #f4f4f4 url(../img/close-big.png) center no-repeat;
	cursor: pointer;
}
.bg-gray {
	background: #f4f4f4;
	height: auto;
	padding-bottom: 100px;
}
.photo-slider {
	min-height: 600px;
	width: 70% !important;
	background: #ccc;
	float: left;
	position: relative;
}
.photostage {
	line-height: 37;
	text-align: center;
	height: 100%;
	width: 100%;
	background: #000;
	position: absolute;
}
.photo-slider img {
	display: inline-block;
	image-rendering: optimizequality;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	-webkit-max-width: 100%;
	-webkit-max-height: 100%;
}
.photo-slider ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.photo-slider ul li {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.post-comments {
	/*/float: left;*/
	/*width: 30% !important;*/
	background: #fff;
	height: 600px;
	/*position: relative;*/
}
.textarea-block {
	height: 65px;
	background: #a5a4a4;
	z-index: 9999;
	width: 100%;
/*	position: absolute;*/
	bottom: 0px;
}
.com-text {
	position: relative;
	float: left;
	width: 80%;
    height:65px;
}
.com-text label {
	position: absolute;
	left: 15px;
	top: 24px;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
 }
.com-text textarea {

	height:65px;
	padding:0px 10px 0px 15px;
	line-height: 18px;
	width: 90% !important;
	font-size: 11px;
	color: #fff;
	font-family: 'CenturyGothicRegular';
	background:#a5a4a4;  
	border: 0px;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
    overflow:hidden;
}
.post {
	background: #989898;
	border: 0px;
	float: left;
	width: 20%;
	height: 65px;
	font-size: 11px;
	color: #fff;
	font-family: 'CenturyGothicRegular';
	text-transform: uppercase;
}
.about-photo {
	padding: 30px;
}
.about-photo h4 {
	margin: 0px 0px 3px 0px;
	font-size: 11px;
	text-transform: uppercase;
	color: #999999;
}
.about-photo p {
	margin: 0px 0px 15px 0px;
	font-size: 11px;
	color: #999999;
}
.all-comments {
	height: auto;
	overflow:hidden;
	position: relative;
 }
.all-comments h4 {
	padding: 0px 30px;
	margin: 0px 0px 3px 0px;
	font-size: 11px;
	text-transform: uppercase; /*color: #979797;*/
}
.all-comments p, h5 {
	padding: 0px 30px;
	margin: 0px 0px 15px 0px !important;
	font-size: 11px !important;  /*color: #c2c2c2;*/
}
.all-comments h5 {
	margin: 0px !important;
	font-size: 11px !important;  /*color: #c2c2c2;*/
}
.all-comments ul {
	margin: 0px;
	padding: 0px;
	height: 215px;
}


@-moz-document url-prefix()

{ 

.all-comments ul
{
 
	height: 201px;
}
  
}





.all-comments ul li {
	width: 100%; /*background:#f4f4f4;*/
	background: #f4f4f4;
	color: #999;
	list-style: none;
	padding: 20px 0px; /*border-bottom:1px solid #e8e8e8;*/
	border-bottom: 1px solid #e2e2e2;
}


.all-comments ul li:last-child{ border-bottom:none;}

.all-comments ul li.gray {
}
.comments-loader {
	position: absolute;
	top: 0px;
	height: 100%;
	width: 100%;
	background: #fff;
	z-index: 99999;
	opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
}
.comments-loader span {
	width: 32px;
	height: 32px;
	margin: 0 auto;
	display: block;
	margin-top: 140px;
}
.like {
	height: 60px;
	background: #000;
	right: 0px;
	padding: 0px 20px;
	bottom: 0px;
	position: absolute;
	z-index: 999999;
	opacity: 0.6;
}
.like a {
	float: left;
	margin-top: 20px;
	height: 25px;
	width: 25px;
	background: url(../img/like.png) no-repeat;
	display: block;
}
.like-active {
	background: url(../img/like-hover.png) no-repeat !important;
	display: block;
}
.like h6 {
	float: left;
	color: #ccc;
	margin-right: 15px;
}
.go {
	display: block;
	margin: 30px auto 0 auto;
	width:200px;
}
.go img {
	width: 20px !important;
	height: 15px !important;
}
.go:focus {
	outline: none;
	-moz-outline: none;
	-webkit-outline: none;
	-o-outline: none;
	-ms-outline: none;
}
.share-social {
	padding: 0 25px 0 0;
	display: none;
	float: left;
}
.share-a img {
	margin-top: 25px;
}
.share-social a {
	margin: 3px 10px 0px 10px;
	float: left;
}
.share-social a:hover {
	opacity: 0.7;
}
.all-photos {
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
	clear: both;
}
.ch-grid div .ph-ref {
	position: absolute;
	margin: 0px !important;
	width: 100%;
	padding: 0px;
	height: 30px;
	text-align: center;
	top:52%;
}
#gallery-popup {
	background: url(../img/pop-bg.png) repeat;
	height: 100%;
	top: 0px;
	width: 100%;
	z-index: 99999999;
	display: none;
	margin: 0 auto;
	position: fixed;
}
.all-pad-bottom {
	padding-bottom: 40px;
	min-height: 70%;
}
#new-scroll {
	max-width: 1100px;
	margin: 80px auto 0px auto;
}
#owl-demo .owl-buttons {
	width: 100%;
	position: absolute;
	top: 16%;
}
#owl-demo .owl-buttons .owl-prev {
	position: absolute;
	left: 15px;
	font-size: 30px;
	background: url(../img/left.png) #000 no-repeat;
	height: 100px;
	width: 50px;
	background-position: 0px 23px;
}
#owl-demo .owl-buttons .owl-next {
	position: absolute;
	right: 15px;
	font-size: 30px;
	background: url(../img/right.png) #000 no-repeat;
	height: 100px;
	width: 50px;
	background-position: 8px 23px;
}
#owl-demo:hover .owl-buttons div {
	opacity: 1;
}



#owl-demo2{ position:relative; margin-left:9px !important;}
#anchor3 .owl-stage{ width:1280px !important; margin:0 auto;}
#owl-demo2{ position:relative; margin-left:16px !important;}

@-moz-document url-prefix()

{ 

#owl-demo2{ position:relative; margin-left:9px !important;}
 
}

#owl-demo2 .owl-wrapper {
     margin: 0 auto;
  	 height:250px;
	 overflow:hidden;
}


#owl-demo2 .owl-stage:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
#owl-demo2 .owl-stage {
    position: relative;
}

#owl-demo2{ position:relative; max-width:100%; margin:0 auto;}


#owl-demo2 .owl-item{
	-moz-user-select: none;
    float: left;
    min-height: 1px;
    position: relative;
  	 height:250px; width:320px !important; 
	}

#owl-demo2 .owl-item .item{margin:0px 20px 0px 0px; }

 

#owl-demo2 .owl-carousel .owl-stage:after{
	
	clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
	
	
	
	}


#owl-demo2 .owl-buttons {
    width: 100%;
    position: absolute;
    top: 85px;
    display:none;
}
#owl-demo2 .owl-buttons .owl-prev {
	position: absolute;
	left:0px;
	font-size: 30px;
	background: url(../img/left.png) #000 no-repeat;
	height: 100px;
	width:30px;
	background-position: 0px 23px;
}
#owl-demo2 .owl-buttons .owl-next {
	position: absolute;
	right:0px;
	font-size: 30px;
	background: url(../img/right.png) #000 no-repeat;
	height: 100px;
	width:30px;
	background-position: 8px 23px;
}
#owl-demo2:hover .owl-buttons div {
	opacity: 1;
}
 

#owl-demo3 .owl-buttons {
	width: 100%;
	position: absolute;
	top: 25%;
}
#owl-demo3 .owl-buttons .owl-prev {
	position: absolute;
	left: -200px;
	font-size: 30px;
	background: url(../img/left.png) #fff no-repeat;
	height: 60px;
	width: 40px;
}
#owl-demo3 .owl-buttons .owl-next {
	position: absolute;
	right: -200px;
	font-size: 30px;
	background: url(../img/right.png) #fff no-repeat;
	height: 60px;
	width: 40px;
}



 

#guestbook {
	max-width: 1100px;
	margin: 0 auto;
}
#owl-demo4 .owl-buttons {
	width: 100%;
	position: absolute;
	top: 28%;
}
#owl-demo4 .owl-buttons .owl-prev {
	position: absolute;
	left: -200px;
	font-size: 30px;
	background: url(../img/left.png) no-repeat;
	height: 60px;
	width: 40px;
}
#owl-demo4 .owl-buttons .owl-next {
	position: absolute;
	right: -200px;
	font-size: 30px;
	background: url(../img/right.png) no-repeat;
	height: 60px;
	width: 40px;
}
ul.social {
 float: left;
 margin: 20px 0px 0px 30px;
 padding: 0px;
}
ul.social li {
 line-height: 18px;
 list-style: none;
 float: left;
 margin-right: 20px;
 color: #979797;
 font-size: 10px;
 text-transform: uppercase;
}

ul.social li a:focus{ outline:none;}
.owl-carousel {
	height: auto;
}
.content {
	position: relative;
	min-height: 625px;
	padding: 70px 0px;
	background: #fff;
}
#all-work-images {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	background: #f4f4f4;
	top: 0px;
	z-index: 999;
}
ul.all-images {
	position: relative;
	height: 85%;
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 98%;
	margin: 0 auto;
}
ul.all-images li {
	list-style: none;
	float: left;
	width: 19%;
	margin: 0 0.5% 1% 0.5%;
	position: relative;
}
ul.all-images li img {
	width: 100%;
	float: left;
}
ul.all-images li a {
	height: 100%;
}
ul.all-images li div {
	opacity: 1;
	display: none;
	height: 100%;
	width: 100%;
	background: #333;
	left: 0px;
	top: 0px;
	position: absolute;
}
ul.all-images li div span {
	width: 100%;
	text-align: center;
	display: block;
	margin-top: 36%;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
}
ul.all-images li:hover div {
	display: block;
	opacity: 0.8;
}
.cat-title {
	background: #f4f4f4;
}
.cat-title h3 {
	font-size: 24px;
	color: #979797;
	text-align: center;
	text-transform: uppercase;
	padding: 30px 0px;
	margin: 0px;
}
a.all-works-close {
	background: url(../img/close.png) center no-repeat;
	height: 50px;
	width: 50px;
	color: #333;
	margin: 0px;
	right: 1.5%;
	position: fixed;
	top: 19px;
	display: block;
}
a.all-works-close:hover {
	background: #fff url(../img/close.png) center no-repeat;
}
a.all-works-close:focus {
	outline: none;
	-moz-outline: none;
	-webkit-outline: none;
}
ul.login-all-images {
	position: relative;
	height: auto;
	margin: 0px;
	padding: 0;
}
ul.login-all-images li {
	list-style: none;
	float: left;
	width: 19%;
	margin: 0 0.5% 1% 0.5%;
	position: relative;
}
ul.login-all-images li img {
	width: 100%;
	float: left;
}
ul.login-all-images li a {
	height: 100%;
}
ul.login-all-images li div {
	opacity: 1;
	display: none;
	height: 100%;
	width: 100%;
	background: #333;
	left: 0px;
	top: 0px;
	position: absolute;
}
ul.login-all-images li div span {
	width: 100%;
	text-align: center;
	display: block;
	margin-top: 36%;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
}
ul.login-all-images li:hover div {
	display: block;
	opacity: 0.8;
}
.active-cat {
	background: #ccc;
}
#all-bg {
	background-color: #fff;
	height: auto;
}
#all-bg2 {
	background-color: #fff;
	height: auto;
	position: relative;
}
#error-block-login {
	margin: 30px 0px 0px 0px;
}
#error-block, #error-block-login {
	text-align: left;
	height: 15px;
	line-height: 30px;
	margin-bottom: 20px;
	font-size: 12px;
	width: 100%;
}
#error-block li, #error-block-login li {
	list-style: none;
	margin-top:20px;
	padding: 0;
	padding-left: 15px;
	color: #A8A8A8;
	height: 25px !important;
 }
#error-block li.red, #error-block-login li.red {
	border-left: 5px solid #F00;
}
#error-block li.loading, #error-block-login li.loading {
	border-left: 5px solid #3CF;
}
#error-block li.accept, #error-block-login li.accept {
	border-left: 5px solid #0C0;
}
.client-footer {
	margin-top: 50px;
}
.noimage {
	color: #757575;
	font-size: 14px;
	max-width: 680px;
	margin: 50px auto;
	text-align: center;
}
.nophotos {
	min-height: 595px;
	display: none;
	padding: 1px 0;
}
.nophotos p {
	text-align: center;
	color: #CCC;
	margin-top: 275px;
	font-weight: normal;
	font-size: 16px;
}



#our-works{margin:0 auto; text-align:center; width:100%;}
#our-works .categories{
	display:table;
	height:auto;
	margin:0 auto;
	padding:0px;
	/*padding:0 50px;*/
	/*opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	display:none;*/
}

#our-works ul.categories li{
	/*float:left;*/
	display:inline-block;
	list-style:none;
	width:300px;
	height:250px;
	background:#CCC;
	margin:0px 8px 75px;
	/*overflow:hidden;*/
	vertical-align:top;
	cursor:pointer;
}
#our-works ul.categories li figure img{
	width:100%;
	height:100%;
}
#our-works ul.categories li .work-cat-title{
	color:#999;
	text-transform:uppercase;
	text-align:center;
	padding:15px;
}
#our-works ul.categories li a:hover > .work-cat-title{display:none;}

#our-works ul.categories li figcaption{
	background:#CCCCCC;
 }
 

/*.categories figcaption span.go-arrow {
	display:block;
	width:16px; height:16px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	background-color:transparent;
	position:absolute;right:35px;top:35px;
	border-top:3px solid #666;
	border-right:3px solid #666;
}*/
 

.owl-theme .owl-pagination{ margin-top:50px;}
 
.owl-theme .owl-controls .owl-buttons div{ border-radius:0px !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; margin:0px !important;}



#about-yazzen{ height:auto; margin:0 auto 0 auto; }

#about-yazzen .content-section{ padding:0px 30px; max-width:1100px; margin:0 auto 40px auto; }
#about-yazzen .yazzen-photo{  width:42%; float:left; padding:10px; box-shadow:0px 0px 5px #ccc;}
#about-yazzen .yazzen-photo img{ width:100%; float:left;}

#about-yazzen .about-content{ width:50%; float:left; margin-left:3%;}

#about-yazzen p{ margin:0px 0px 30px 0px; padding:0px; font-size: 14px; color:#999999; line-height:22px;}

.content-section .left-content{ width:96%; float:left; margin-right:2%; 
-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}


#our-works .contour-btn{ margin-top:60px;}

#our-works a.contour-btn, #our-works a.contour-btn:focus{ outline:none;}

/*.about-bg{ background:#f5f5f5; padding-bottom:60px;}*/

#video-block{ margin:10px auto; padding:0px 0px 60px 0px; background:#f5f5f5;}
  

.about-bg{ margin-bottom:80px;}

.video-container {
	position: relative;
	padding-bottom: 23.25%;
	height:0;
	overflow: hidden;
	 max-width:1100px;
	 margin:0 auto;
	 height:100px;
  	 
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}

 



.autoHeight{ min-height:130px !important;}


@-moz-document url-prefix()

{ 

.autoHeight
{
 
	height:auto !important;
}
  
}



.text-area #message:focus {
      outline:0;
      outline:none;
}

.post-click{ display:none;}
.post-close{ display:none;}


#slides {
   width:100%;
   height:100%;
   margin:0px; padding:0px;
   z-index:999
   
}
#slides .slides-container {
   width:100%; height:100%; position:absolute; margin:0px; padding:0px;
}
#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 110%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}
.note-block p{ height:30px; overflow:hidden;}

#owl-demo3 .readmore-js-toggle, #owl-demo3 .readmore-js-section {
 width: 65% !important;
}


#owl-demo4 a.readmore-js-toggle {
 padding-top:20px;
 
  
} 


.fbphotobox-container-left .inner-imgloader{ display:none; line-height:30; cursor:default;  background:#000; z-index:9999;  text-align:center; width:100%; height:100%; left:0; top:0; text-align:center; position:absolute;}
.fbphotobox-container-left .inner-imgloader img{ width:auto!important;}

.fbphotobox-fc-main-container .inner-imgloader{ display:none; line-height:30; cursor:default;  background:#000; z-index:9999;  text-align:center; width:100%; height:100%; left:0; top:0; text-align:center; position:absolute;}
.fbphotobox-fc-main-container .inner-imgloader img{ width:auto!important;}



#wrapper_mbYTP_video{ position:absolute !important;}


.ui-widget {
    font-size: .8em !important;
  }

.ui-datepicker { 
  margin-left: 100px;
  z-index: 1000;
}
 

.form-horizontal .control-groupin {
  float: left;
  margin-bottom: 22px;
  margin-right: 0%;
  width: 99.6%;
  border: 1px solid #dbdbdb;
  margin-top:15px;
  margin-left:1px;
}
 
 
.peThemeContactForm .control-groupin select {
  background: none repeat scroll 0 0 #fff;
  border:none;
  border-radius: 0;
  box-shadow: 0 0 0 #fff inset;
  color: #777777;
  font-family: "CenturyGothicRegular";
  font-size: 12px;
  font-weight: 300;
  margin: 0;
  outline: medium none;
  padding: 10px;
  width: 75%;
}



#owl-demo3 .comment article img{ float:left;}
#owl-demo3 .comment p {
  color: #979797;
  float: right;
  font-size: 12px;
  line-height: 18px;
  margin:0px;
  padding-bottom: 10px;
  width: 100%;
}

.control-groupin label {
  float: left;
  padding-bottom: 15px;
  position: inherit;
  text-align: left;
  width: 25%;
}



.peThemeContactForm .control-groupin select { outline:none; }
.peThemeContactForm .control-groupin select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}


#html5-text {
font-size: 12px !important;
font-family: 'CenturyGothicRegular' !important;
overflow: auto !important;
}



/* BLOG*/

.logo {
 	padding-top:12px;
}
 

#blog p{ margin:0px 0px 30px 0px; padding:0px; font-size: 14px; color:#999999; line-height:22px;}
#blog .content-section{ padding:0px 30px; max-width:1100px; margin:0 auto 40px auto; }

.blog-left{ width:70%; float:left; font-size:14px;}
.blog-left .blog-list ul{ padding:0px 30px 0px 0px;}
.blog-left .blog-list ul li{ list-style:none; }
.blog-left .blog-list ul li h3{ margin:0px 0px 15px 0px;}
.blog-left .blog-list ul li h3 a{ color:#000;}
.blog-left .blog-list ul li h5{ font-size:13px !important; padding:0px; margin:10px 0px 10px 0px !important;}
.blog-left a{ color:#090;}
.blog-left a:hover{ text-decoration:underline;}
.blog-left ul{ padding:0px 30px 0px 0px;} /*17/03/2016*/
.blog-left ul li p{ margin-bottom:0px !important;}
.blog-left .detail{ padding:0px 30px 0px 0px;}
.blog-left .detail h1{ color:#333;}
.blog-left .detail ul.per-work{ color:#333333; padding:0px;}
.blog-left .detail ul.per-work li{ list-style:none; line-height:30px;}

ul.blog-photos{ float:left; padding:30px 0px 40px 0px;}
ul.blog-photos li{ width:25%; background:#f4f4f4; float:left; list-style:none; margin:0px !important;}
/*ul.blog-photos li a{ padding:1px 1px 0px 0px; float:left;}*/
ul.blog-photos li img{ float:left; width:100%;}
 
.user-icon-block{ width:100%;}
.user-icon-block .user-icon{ width:60px; height:60px; background:#f4f4f4; float:left; margin-right:20px;}
.user-icon-block .user-icon img{ width:100%;}
.user-icon-block .user-name{ float:left; width:80%;}
.user-icon-block .user-name p{ margin-top:10px !important;}
 
.comment-form{ float:left; width:100%; margin-bottom:20px;}
 
.comment-list{ width:100%; float:left;}
.comment-list h5 a{ padding-right:5px; color:#333;}
.comment-list h6, .comment-list h5, .comment-list h4{ margin:0 !important; padding:0; font-size:14px !important;}
.comment-list h6{ color:#090; padding-top:4px;} 
.comment-list h5 span{ padding-left:6px;}
.comment-list ul{ padding:0px;}
.comment-list ul li{ list-style:none; margin-bottom:5%;} 


.blog-right{ width:30%; float:right; background:#f4f4f4; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; }
.blog-right ul{ padding:0px 0px 0px 0px;}
.blog-right ul li{ list-style:none; font-size:14px;} /*17/03/2016*/
.blog-right ul li a{ color:#333;}
/*.blog-right ul li a:hover{ text-decoration:underline;}*/
.blog-right h1{ padding:20px 0px 20px 40px; font-size:18px; color:#333; text-transform:uppercase; border-bottom:1px solid #ccc; margin:0px;}

a.list-active { color:#090 !important;}
 
.comment-form .text-area #message{ padding:10px 10px 10px 82px;}

.comment-form .control-group {
 margin-bottom: 22px;
 width: 30%;
 float: left;
 margin-right: 22px;
}

.blog-left .blog-list ul li{ padding:30px 0px 30px 0px; border-bottom:3px solid #f4f4f4;}
.blog-left .blog-list ul li:last-child{ border-bottom:none;}
.blog-left .blog-list ul li h5 span{ color:#090; padding-right:8px; border-right:1px solid #cccccc; }
.blog-left .blog-list ul li h5 a{padding-left:8px;}
.blog-left .blog-list ul li .list-thumb{ float:left; width:20%; margin-right:20px;}
.blog-left .blog-list ul li .list-thumb img{ width:100%;}
.pad-20{padding:20px;}

.blog-tab{ width:100%; float:left; margin:0px;}
.blog-tab li{ position:relative; text-transform:uppercase; float:left; text-align:center; list-style:none; width:50% !important; }
.blog-tab li a{ background:#cccccc; color:#666666; padding:15px 0px; outline:none; -moz-outline:none; -webkit-outline:none; float:left; width:100%;}
.blog-tab li a:hover{ color:#333333;}
.blog-tab li:first-child a{ border-radius:6px 0px 0px 0px;}
.blog-tab li:last-child a{ border-radius:0px 6px 0px 0px;}

.blog-tab .current a {
    color:#ffffff !important; background:#333333; cursor:default;
}

.blog-tab li span{ display:none; width:15px; height:7px; position:absolute; left:49%; bottom:-6px; background:url(../img/arrow.png) top center no-repeat;}
.blog-tab .current span{ display:block;}

.all-blog-photos{ width:100%; margin-bottom:15px; float:left; background:#f4f4f4;}
.all-blog-photos ul{ padding:0px; margin:10px 0px 10px 0px;}
.all-blog-photos li{ width:100%; float:left; list-style:none; text-align:left; }
.all-blog-photos li a{ outline:none; -moz-outline:none; -webkit-outline:none; color:#333333; padding:10px 30px; float:left; display:block;}
.all-blog-photos li a:hover{color:#090;}
.all-blog-photos li section{ width:70px;}
.all-blog-photos li section span{ border:1px solid #ccc; padding:3px 6px; font-size:11px; background:#fff;}
.all-blog-photos li:last-child{ border-bottom:0px;}
 
.all-blog-photos li a.list-active {color: #090 !important;}
 
.tab-content {
    padding:0px;
    display: none;
}

#recentweddings{
 display: block;   
}


/*CHECKBOX*/

   
.check-active{ background:url(../img/checked.png) no-repeat #090 !important;  opacity:1 !Important;}
  
.check{ border:2px solid #fff; display:block; position:absolute; z-index:9; right:3%; top:3%; width:30px; height:30px; background:url(../img/checked.png) no-repeat #000; opacity:0.5;}
.check input{ cursor:pointer !important; width:100%; height:100%; border:0px; padding:0px; margin:0px; opacity:0;}
.check-active{ background:url(../img/checked.png) no-repeat #090 !important;  opacity:1 !Important;}

.img-check { position:relative;}
.img-check a img{ width:100%;}
.img-check { width:20%; float:left;}


.accordion{ /*margin-top:50px;*/  border-top:1px solid #d6d6d6;}

.accordion-item{ border-bottom:1px solid #d6d6d6;}

.active .accordion-header{ background:#f4f4f4 url(../img/acc-down.png) right no-repeat;}
.accordion-header{ cursor:pointer; width:98%; padding:10px 1%; font-size:16px; text-transform:uppercase; color:#333; margin:0px !important;  background:#fff url(../img/acc-right.png) right no-repeat;}
.accordion-header:hover{background-color:#f4f4f4;}

.accordion-content{ background:#f4f4f4; width:98%; padding:0 1% 10px 1%;}
 
.select-images{ font-size:12px; padding:15px 0px; float:right; width:260px;}
.select-images section label{ cursor:pointer;}
.select-images section{ padding:5px 8px; border:2px solid #fff; float:left; background:#fff;}
.select-images a{ margin-left:10px; float:right; background:#090 url("../img/checked.png") no-repeat left; color:#fff; padding:5px 10px 5px 30px; border:2px solid #fff;}



@media only screen and (max-width : 1200px) {
	
.img-check { width:33.33%;}
	
	
}

@media only screen and (max-width : 600px) {
	
.img-check { width:50%;}
	
}


.newslink a {
  float: none !important;
}