@charset "utf-8";
/*======================================

 [ -Main Stylesheet-
  Theme: Montage
  Version: 1.0
  Last change: 17/01/2015 ]
  	+++Fonts (31 -line )+++
	++++General Styles (33 -line )++++
	++++Grid (52 -line )++++
	++++Typography (81 -line )++++
	++++Page preload (112-line )++++
	++++Content Styles (147 -line )++++
	++++Header (256 -line )++++
	++++Navigation (378 -line )++++
	++++Home pages (511 -line )++++
	++++Portfolio (800 - line )+++++
	++++About (1082 -  line)+++++
	++++Gallerys (1216 -  line)++++
	++++Footer (1347 - line )++++
	++++Quick viev (1398 - line )++++
	++++Contact (1559 - line )++++
	++++Share (1671 - line )++++
	++++Blog (1773 - line )++++
	++++404 (2058 - line )++++
	++++CSS Animation (2106 - line )++++
	++++Media (2164 - line )++++
*/

/*-------------Import fonts ---------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700|Montserrat:400,700);
/*-------------General Style---------------------------------------*/
html{
	overflow-x:hidden !important;
	height:100%;
}
body{
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #000;
	background:#fff;
	height:100%;
	text-align:center;
}
@-o-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
/*-------------Grid---------------------------------------*/
@media screen and (min-width: 768px) {
 
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-8,.grid-full {width: 96.969696969697%;margin: 0 1.515151515152%;float:left; position:relative;}
.grid-8 {width: 46.969696969697%;margin: 0 1.515151515152%;}
}

@media screen and (min-width: 768px) {
  .grid-1     { width: 13.636363636364%; }
  .grid-2     { width: 30.30303030303%; }
  .grid-3,
  .grid-8 { width: 46.969696969697%; }
  .grid-4     { width: 63.636363636364%; }
  .grid-5     { width: 80.30303030303%; }
  .grid-6,
  .grid-full  { width: 96.969696969697%; }
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
/*--------------Typography--------------------------------------*/
h1 {
	font-size: 4.46666666667em;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1.17em;	
}
h2 {
	font-size: 3.2em;
	font-weight: 300;
}
h3 {
	font-size: 1em;
	font-weight: 200;
}
h4 {
	font-size: 0.9em;
	font-weight: 200;	
}
h5 {
	font-size: 0.8em;
	font-weight: 200;
}
h6 {
	font-size: 0.6em;
	font-weight: 200;
}
 p {
	text-align:left;
	font-size:14px;
}
/* ---------Page preload--------------------------------------*/
#jpreOverlay {
	background:#fff;
}
#jpreLoader {
	top:35% !important;
	left:0 !important;
}
#jpreLoader{
	position:relative;
	width:50%;
	height:30%;
	top:0;
	left:0;
	position:fixed;
	z-index:1;
}
#jpreBar {
	position:absolute;
	height:100% !important;
	top:0;
	left:0;
}
#jprePercentage {
	position:absolute;
	top:40%;
	left:0;
	padding-right:50px;
	text-transform:uppercase;
	text-align:right;
	font-size:20px;
	letter-spacing:2px;
  	font-family: 'Oswald', sans-serif;
	z-index:2;
}
/* ---------Content Styles--------------------------------------*/
#main{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
#wrapper{
	height:100%; 
	margin-left:0;
	vertical-align:top; 
	position: absolute; 
	left:0; 
	top:0; 
	right:0;
	z-index:2;
	background:#fff;
}
.content-holder{
	vertical-align: top;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 2;
	height: 100%;
}
.container{
	max-width: 900px;
	width:100%;
	margin:0 auto;
	position: relative; 
	z-index:2;
}
.content {
	float:left;
	width:100%;
	position:relative;
	z-index:2;
	padding:80px 50px 50px;
	background:#fff;
}
.full-height {
	height:100%;
} 
.bg {
	background-size: cover;
	background-attachment:scroll;
	background-position: center;
	background-repeat: no-repeat;
}
.bg-parallax{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size: cover;
	background-attachment:scroll;
	background-position: top;
	background-repeat:repeat;
} 
.respimg {
	width:100%;
	height:auto;
}
.overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
}
.header-overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:rgba(255,255,255,0.51);
	z-index:10;
	height:80px;
	-webkit-transform: translateZ(0);
} 
.loader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:4px;
	z-index:10000;
	display:none;
}
.loader span{
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:4px;
}
section {
	float:left;
	width:100%;
	position:relative;
}
/*------ Header  ------------------------------------------------*/
.header {
	position:fixed;
	top:0;
	left:0;
	z-index:20;
}
.logo-holder {
	 float:left;
	 margin:29px 0 0 50px;
	 position:relative;
	 max-width:200px;
}
.logo-holder h2 {
	text-transform:uppercase;
	font-size:16px;
	font-weight: 700;
	letter-spacing:2px;
}
.logo-holder h2 a {
	color:#666;
}
.call-menu {
	float:left;
	position:relative;
}
.menutext {
	float:left;
	margin:26px 0 0 20px;
	position:relative;
	color:#666;
	display:none;
}
.btn-menu-wrapper{
	height:40px;
	width:40px;
	float:left;
	z-index:10;
	cursor:pointer;
	margin:30px 20px 0 13px;
}
#btn-menu{
	float:right;
	padding:4px;
	position:relative;
}
#btn-menu .line{
	position:absolute;
	width:29px;
	height:4px ;
	left:3px;
	background:#666;
	-webkit-transition:all 300ms cubic-bezier(0.215,.61,.355,1); 
	-moz-transition:all 300ms cubic-bezier(0.215,.61,.355,1);
	-o-transition:all 300ms cubic-bezier(0.215,.61,.355,1);
	transition:all 300ms cubic-bezier(0.215,.61,.355,1);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
#btn-menu .line01{
	top:0;
	opacity:1;
	-webkit-transition-delay:210ms;
	-moz-transition-delay:210ms;
	-o-transition-delay:210ms;
	transition-delay:210ms
}
#btn-menu .line02{
	top:7px;
	-webkit-transition-delay:140ms;
	-moz-transition-delay:140ms;
	-o-transition-delay:140ms;
	transition-delay:140ms
}
#btn-menu .line03{
	top:14px;
	-webkit-transition-delay:70ms;
	-moz-transition-delay:70ms;
	-o-transition-delay:70ms;
	transition-delay:70ms
}
#btn-menu .line04{
	top:21px;opacity:0;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-o-transition-delay:0ms;
	transition-delay:0ms
}
.btn-menu-wrapper:hover #btn-menu .line{
	-webkit-transform:translate3d(0,-7px,0);
	-moz-transform:translate3d(0,-7px,0);
	-o-transform:translate3d(0,-7px,0);
	transform:translate3d(0,-7px,0)
}
.btn-menu-wrapper:hover #btn-menu .line01{
	opacity:0;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-o-transition-delay:0ms;
	transition-delay:0ms
}
.btn-menu-wrapper:hover #btn-menu .line02{
	-webkit-transition-delay:70ms;
	-moz-transition-delay:70ms;
	-o-transition-delay:70ms;
	transition-delay:70ms
}
.btn-menu-wrapper:hover #btn-menu .line03{
	-webkit-transition-delay:140ms;
	-moz-transition-delay:140ms;
	-o-transition-delay:140ms;
	transition-delay:140ms
}
.btn-menu-wrapper:hover #btn-menu .line04{
	opacity:1;
	-webkit-transition-delay:210ms;
	-moz-transition-delay:210ms;
	-o-transition-delay:210ms;
	transition-delay:210ms;
}
/*------ navigation  ------------------------------------------------*/
.menu-holder {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-left:50px;
}
#menu {
	position:relative;
	top:50%;
}
.nav-holder {
	position: fixed;
	top: 0;
	left: -300px;
	height:100%;
	width: 300px;
	z-index:5;
	padding-left:50px;
	background:#fff;
	overflow:hidden;
}
.sliding-menu ul {  
	margin: 0; 
	float: left;
}
.sliding-menu li { 
	margin: 0;
	overflow:hidden;
}
.sliding-menu a {
	display:block;
	text-align:left; 
	width:100%;
	padding:15px; 
	color:#666;
	font-size:14px;
	font-weight: 700;
	letter-spacing:6px;
	text-transform:uppercase;
	position:relative;
}
.sliding-menu a span {
	position:absolute;
	top:0;
	left:0;
	width:80%;
	height:100%;
	padding-left:10px;
	line-height:32px;
}
.sliding-menu li.activepage {
	opacity:0.6;
}
.no-vismen {
	right:-180px;
	opacity:0;
}
.nav-social {
	position:absolute;
	bottom:60px;
	width:100%;
}
.nav-social li {
	text-align:left;
	float:left;
	width:100%;
	padding:2px 0;
}
.nav-social li a {
	position:relative;
	font-weight: 400;
	text-transform:uppercase;
	font-size:10px;
}
.nav-social li a:before , .page-title h3:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	z-index:-1;
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
}
.nav-social li a:hover:before , .page-title h3:hover:before {
	width:100%;
}
/*------ page title  ------------------------------------------------*/ 
.page-title {
	position:absolute;
	top:26px;
	right:50px;
	z-index:22;
	font-size:16px;
	overflow:hidden;
}
.page-title ul {
	top:126px;
	opacity:0;
	position:relative;
}
.page-title li {
	display:inline-block;
	margin-left:20px;
	position:relative;
}
.page-title li:before {
	content:'/';
	position:absolute;
	right:100%;
	margin-right:10px;
	top:6px;
}
.page-title li:first-child:before {
	display:none;
}
.page-title h3 {
	position:relative;
} 
.page-title h3 a {
	color:#666;
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	letter-spacing:6px;
	padding:8px;
	text-transform:uppercase;
	display:block;
	position:relative;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.page-title h3 a:hover {
	color:#000;
}
/*------ Home pages  ------------------------------------------------*/
.swiper-nav-holder {
	position: absolute;
	left:50%;
	top:50%;
	width: 100px;
	height: 40px;
	margin-top:80px;
	margin-left:-50px;
	line-height: 36px;
}
.swiper-nav  {
	display:inline-block;
	width: 40px;
	height: 40px;
	color:#000;
	position:relative;
	z-index: 14;
	font-size:8px;
}
.swiper-nav:hover {
	background:#fff;
}
.slide-title-holder {
	position:absolute;
	top:50%;
	width:100%;
}
.slide-title {
	max-width:600px;
	margin:-20px auto;
}
.slide-title h3{
	position:relative;
	opacity:0;
	top:50px;
}
.swiper-slide-active   .slide-title h3{
	opacity:1;
	top:0;
	-webkit-transition: 1s 0.5s;
	transition: 1s 0.5s;
}
.slide-title h3 {
	padding:6px 10px;
	margin-top:-20px;
 	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 32px;
	letter-spacing:2px;
	position:relative;
	color:#fff;
	display:inline-table;
}
.slide-title h3 span {
	float:left;
	width:100%;
}
.slide-title span.title-date {
	width:100%;
	display:block;
	color:#fff;
	margin-top:16px;	
	font-size:14px;
	font-weight: 400;
	text-transform:uppercase;
} 
.slide-title h3:before ,   .slide-title h3:after {
	 content:'';
	 position:absolute;
	 bottom:-5px;
	 background:#fff;
	 width:0;
	 height:4px;
	-webkit-transition: 1s 1.3s;
	transition: 1s 1.3s;
}
.slide-title h3:before  {
	 left:50%;
}
.slide-title h3:after  {
	right:50%;
}
.swiper-slide-active   .slide-title h3:before , .swiper-slide-active   .slide-title h3:after {
	width:50%;	
} 
.slide-title a { 
	color:#fff;
	padding:0 30px;
	height: 40px;
	position:absolute;
	bottom:-88px;
	margin-left:60px;
	left:50%;
	line-height:40px;
	font-size:10px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	text-transform:uppercase;
}
.slide-title a:hover {
	background:#fff;
	color:#000;
}
.single-title h3{
	position:relative;
	opacity:1;
	top:0;
}
.single-title a {
	margin-left:-60px;
}
.single-title .slide-title {
	position:relative;
 	left:-50px;
}
.single-title h3:before ,   .single-title h3:after {
	 content:'';
	 position:absolute;
	 bottom:-5px;
	 background:#fff;
	 width:50%;
	 height:4px;
	-webkit-transition: 1s 1.5s;
}
.single-title h3:before  {
	 left:50%;
}
.single-titleh3:after  {
	right:50%;
}
.title-text {
	position:relative;
	z-index:2;
}
.slide-title h3 span.title-decor , .slide-title a span.title-decor {
	position:absolute;
	top:0;
	width:0;
	height:100%;
	z-index:1
}
.slide-title h3 span.title-decor {
	background:#000;
	right:0;
}
.slide-title a span.title-decor {
	background:#FFFC0B;
	left:0;
}
.swiper-container  , #horizontal-gallery {
	float:left;
	width: 100%;
	height: 100%;
}
.slides-counter {
	position:absolute;
	bottom:60px;
	right:80px;
	z-index:20;
}
.slides-counter li {
	display:inline-block;
	font-size:34px;
	position:relative;
 	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	text-transform:uppercase;
	margin-left:20px;
	width:30px;
	height:30px;
}
.slides-counter li:last-child:before {
	content:'/';
	font-size:25px;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	right:100%;
	margin-right:6px;
	top:10px;
}
.presSlidesFrom {
	position:relative;
	top:-10px;
}
.presSlidesActive {
	color:#fff;
	font-size:54px;
}
.slides-counter.black-colr    {
	width:140px;
	height:40px;
	font-size:14px;
}
.slides-counter.black-colr li {
	font-size:16px;
	color:#000  !important;
	margin-left:10px;
}
.slides-counter.black-colr li:last-child:before {
	font-size:15px;
	color:#000  !important;
	position:absolute;
	margin-right:8px;
	top:0;
}
.slides-counter.black-colr .presSlidesFrom {
	position:relative;
	top:-4px;
}
.slides-counter.black-colr .presSlidesActive {
	color:#000;
	font-size:24px;
}
.bg-holder {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
}
.media-container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
.media-container:before , .media-container:after {
	content:'';
	position:absolute;
	width:50px;
	height:100%;
	background:#fff;
	z-index:3;
}
.media-container:before  {
	left:0;
}
.media-container:after  {
	right:0;
}
.video-holder{
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden !important;
    top: 0;
    left: 0;
    padding: 0 !important;
}
.bg-holder:before , .bg-holder:after {
	content:'';
	position:absolute;
	width:100%;
	background:#fff;
	left:0;
	z-index:3;
}
.bg-holder:before   {
	top:0;
	height:80px;
}
.bg-holder:after  {
	bottom:0;
	height:50px;
}
.video-holder iframe {
    position: absolute;
    top: -75px;
    left: 50%;
    width: 100%;
    height: 100%;
    display: block;
	z-index:1;
}
.mob-bg {
	z-index:1;
	display:none;
}
.video-holder .overlay {
	z-index:2;
}
#slideshow-slider {
	z-index:1;
}
/*------ Portfolio ------------------------------------------------*/ 
.grid-item-holder {
	 float:left;
	 width:100%;
	 height:auto;
	 position:relative;
	 overflow:hidden; 
}
.gallery-item,.grid-sizer {
	width: 20%;
	padding:8px;
	position:relative;
	overflow:hidden;
}
.gallery-item img,.grid-sizer img {
	width: 100%;
	height: auto;
	position:relative;
	z-index:1;
}
.four-coulms .gallery-item , .four-coulms .grid-sizer{
	width:25%;
}
.three-coulms .gallery-item , .three-coulms .grid-sizer{
	width:33.33333%;
}
.gallery-item .overlay {
	z-index:2;
	opacity:0;
	background:#fff;
}
.grid-item {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	z-index:3;
}
.grid-item h3 {
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:4px;
	font-weight: 700;
	position:relative;
	color:#666;
	display:inline-table;
} 
 .grid-item h3:before ,  .grid-item h3:after {
	 content:'';
	 position:absolute;
	 bottom:-10px;
	 background:#000;
	 width:0;
	 height:2px; 
}
.grid-item h3:before  {
	 left:50%;
}
.grid-item h3:after  {
	right:50%;
}
.grid-item h3:hover:before ,.grid-item h3:hover:after {
	width:50%;	
} 
.grid-item-holder:hover .grid-item {
	-webkit-transform: scale(1.0);
	-moz-transform:scale(1.0);
	transform: scale(1.0);
	opacity:1;
}
.grid-item-holder .overlay{
	opacity:0;
}
.grid-item-holder:hover .overlay{
	opacity:0.6;
	-webkit-transform: translateZ(20px);
	transform: translateZ(20px);
} 
.st-3 .grid-item-holder a img , .gallery-item img,.grid-sizer img ,  .grid-item h3:before ,  .grid-item h3:after , .grid-item-holder .overlay {
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.st-3 .grid-item-holder a:hover img {
	-webkit-transform: scale(1.7);
	-moz-transform:scale(1.7);
	transform: scale(1.7);
	opacity:0.5;
}
.kinekt-wrapper {
	width:120%;
	top:0;
	left:0;
	padding:80px 300px 50px 16px;
	position:absolute;
	overflow:hidden;
	cursor: move; 
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	z-index:2;				
}
.no-kinekt {
	width:100%;
	top:0;
	left:0;
	padding:80px 300px 50px 0;
	float:left;
}	   
.filter-button {
	display:none;
}	   
.fixed-filters {
	position:absolute;
	z-index:8;
	background:#fff;
	right:0;
	width:300px;
	height:100%;
 	-webkit-transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden; 
	-webkit-transform: translateZ(0);
	padding-left:50px;
}	   	   	   
.gallery-filters {
	position:relative;
	top:30%;
	z-index:50;
}  
.gallery-filters a {
	width:100%;
	float:left;
	font-size:13px;
	text-align:right;
	text-transform:uppercase;
	padding:13px;
	color:#666;
	font-weight: 700;
	letter-spacing:6px;
	position:relative;
}	   
.gallery-filters a span {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-right:50px;
	padding-top:4px; 
}      
.gallery-filters a:before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:0;
	height:100%;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.gallery-filters a.gallery-filter_active:before {
	width:100%;
}
.count-folio {
	float:left;
	width:100%;
	margin-top:50px;
	padding:10px 0;
}
.count-folio div {
	display:inline-block;
	font-size:14px;
	position:relative;
	font-weight: 100;
	text-transform:uppercase;
	margin-left:44px;
	width:30px;
	height:30px;
	color:#ccc;
}
.count-folio div:last-child:before {
	content:'/';
	font-size:25px;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	right:100%;
	margin-right:3px;
	font-weight:100;
	top:1px;
	color:#666;
} 
.count-folio div.num-album {
 	font-size:26px;
	left:21px;
	top:22px;
	color:#000;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	padding:10px;
}
.mfp-counter {
	font-size: 12px;
	font-size:18px;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
}
.folio-content {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow-x:hidden;
	z-index:7;
} 	
.info-holder {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:50px;
	overflow:auto;
}      
.fixed-info {
	position:absolute;
	background:#fff;
	z-index:10;
	left:-350px;
	width:350px !important;
	-webkit-transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden; 
	-webkit-transform: translateZ(0);
	opacity:0;
}	   	   
.info-wrapper {
	position:absolute;
	top:45%;
	font-size:10px;
	padding:20px;
}    
.info-wrapper p {
	font-size:10px;
	margin-top:4px;
	font-weight: 400;
	text-transform:uppercase;
	color:#666;
	line-height:20px;
}	   	   
.info-details {
	float:left;
	max-width:350px;
	margin:20px 0;
	font-size:10px;
	padding:6px;
	display:inline-table;
	font-weight: 400;
	letter-spacing:4px;
	text-transform:uppercase;
	color:#666;
	text-align:left;
}
.prpject-details  {
	float:left;
	width:100%;
	margin-top:10px;
}
.prpject-details li {
	display:inline-block;
	margin-right:10px;
}
.prpject-details li span {
	padding-left:10px;
}
 

/*-------------About---------------------------------------*/

.right-colum {
	padding-right:0;
	z-index:6;
	width:50%;
	float:right; 
}
.left-colum {
	position:fixed;
	z-index:5;
	border:50px solid #fff;
	border-top:80px solid #fff;
	border-right: none;
	background:#fff;
	right:50%;
	width:50%;
	height:100%; 
	-webkit-transform: translateZ(0);
}
.vis-colum {
	visibility: visible;
	-webkit-transform: perspective(600px) rotateY(-15deg) ;
	-moz-transform: perspective(600px) rotateY(-15deg);
	-o-transform: perspective(600px) rotateY(-15deg);
	-ms-transform: perspective(600px) rotateY(-15deg);
	transform: perspective(600px) rotateY(-15deg);
	opacity:0;	
}
.vis-colum2 {
	visibility: visible;
	-webkit-transform: perspective(600px) rotateY(15deg) ;
	-moz-transform: perspective(600px) rotateY(15deg);
	-o-transform: perspective(600px) rotateY(15deg);
	-ms-transform: perspective(600px) rotateY(15deg);
	transform: perspective(600px) rotateY(15deg);
	opacity:0;	
} 
.right-colum-wrapper { 
	position:relative;
	padding:50px 0;
	float:left;
	width:100%;
	z-index:2;
}
.right-colum .container {
	padding:50px;
	position:relative;
	top:50%;
}
.right-colum section {
	position:relative;
	margin-top:10%; 
}
a.link-content {
	float:left;
	margin-top:80px;
	font-family: 'Oswald', sans-serif;
	color: #666;
	padding:10px;
	text-transform:uppercase;
	font-weight:800;
	letter-spacing:4px;
	font-size:12px;
}
.right-colum .container  p {
	text-align:left;
	color: #a3a3a3;
	font-size: 13px;
	font-weight: 400;
	line-height: 30px;
	padding-bottom:20px;
	letter-spacing: 0.05em;
}
.right-colum h2 {
	float:left;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	letter-spacing:4px;
	text-transform:uppercase;
	font-size:18px;
	color:#000;
	padding:0 0 10px 0;
	margin-bottom:20px;
	display:inline-table;
	text-align:left;
}
.top-title {
	position:absolute;
	padding-right:30%;
	z-index:1	
}
.top-title-text {
	position:absolute;
	top:20%;
	left:50px;
	z-index:2;
}
.top-title-text  h2{
	font-size:45px;
	font-weight: 800;
	text-transform:uppercase;
}
.top-title-text p{
	margin-top:10px;
	padding:8px;
	font-weight: 800;
	text-transform:uppercase;
	font-size:14px;
} 
.services-box {
	float:left;
	width:100%;
	position:relative;
	margin:80px 0;
}
.services-img {
	float:left;
	width:50%;
	padding-left:40px;
}
.services-info {
	float:left;
	width:50%;
	padding-left:40px;
}
.services-info h4 {
	font-weight: 400;
	text-transform:uppercase;
	font-size:14px;
	padding-bottom:10px;
	text-align:left;
}
.services-info p {
	padding-top:0;
} 
/*------ gallerys -------------------------------------------------*/
#project-gallery {
	 padding:25px 0;
	 float:left;
	 width:100%;
	 position:relative;
}
#project-gallery  .swiper-slide img , #project-gallery2  .swiper-slide img  {
	vertical-align: middle;
	display: block;
	width: auto;
	margin:0 auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	position: relative;
	z-index:1;
}
#project-gallery  .swiper-slide:first-child {
	margin-left:-10px;
} 
.swiper-slide .inner {
	height: 100%;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}
.inner img {
	position:relative;
	top:50% !important;
}
.swiper-slide .inner:hover a.popup-link  {
	opacity:1;
}
#project-gallery2 .swiper-slide .inner {
	width:100% ;
	float:left;
}
.pag2 {
	width:350px !important;
}
.portfolio-options ,  .portfolio-options2 {
	 position:absolute;
	 z-index:20;
}
.portfolio-options.call-info {
	font-weight: 700;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:14px;
	top:140px;
	left:80px;
	padding:5px 7px;
	color:#666;
}
.portfolio-options.arrow-left ,  .portfolio-options2.arrow-left2   {
	top:45%;
	left:0;
}
.portfolio-options.arrow-left:hover , .portfolio-options.arrow-right:hover , .portfolio-options2.arrow-left2:hover , .portfolio-options2.arrow-right2:hover  {
	color:#ccc;
}
.portfolio-options.arrow-left i , .portfolio-options2.arrow-left2 i {
	font-style:24px;
	position:relative;
	left:22px;
}
.portfolio-options.arrow-left span , .portfolio-options2.arrow-left2 span {
	font-weight: 400;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:18px;
	position:absolute;
	left:-4px;
	top:50px;
	-webkit-transform: rotate(-90deg) ;
	-moz-transform: rotate(-90deg);
	-o-transform:  rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.portfolio-options.arrow-right  , .portfolio-options2.arrow-right2{
	top:45%;
	right:0;
}
.portfolio-options.arrow-right i , .portfolio-options2.arrow-right2 i  {
	font-style:24px;
	position:relative;
	right:22px;
}
.portfolio-options.arrow-right span , .portfolio-options2.arrow-right2 span {
	font-weight: 400;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:18px;
	position:absolute;
	right:-4px;
	top:50px;
	-webkit-transform: rotate(90deg) ;
	-moz-transform: rotate(90deg);
	-o-transform:  rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.popup-link {
	position:absolute;
	bottom:50px;
	right:50px;
	width:30px;
	height:30px;
	font-size:14px;
	z-index:4;
	color:#666;
	line-height:30px;
	opacity:0;
}
.popup-link:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:1;
	z-index:-1;
}
.popup-link:hover {
	-webkit-transform: rotate(90deg) ;
	-moz-transform: rotate(90deg);
	-o-transform:  rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
/*------ footer  ------------------------------------------------*/
footer {
	position:fixed;
	bottom:0;
	left:0;
	z-index:5;
	height:50px;
	width:100%;
	line-height:50px;
	text-align:left;
	padding-left:50px;
	background:rgba(255,255,255,0.51);
}
footer p {
	font-size:10px;
	margin-top:4px;
	font-weight: 400;
	text-transform:uppercase;
	color:#666;
}
footer ul {
	float:right;
	font-size:12px;
	color:#000;
	position:absolute;
	right:50px;
	top:3px;
}
footer ul li {
	display:inline-block;
	margin-left:10px;
}
footer ul li a {
	cursor: pointer;
	position: relative;
	font-size:10px;
	font-weight: 400;
	text-transform:uppercase;
	color:#666;
	height:26px;
	z-index:97;
	line-height:26px;
	padding-left:8px;
	border-left:1px solid #ccc;
}
footer ul li a i {
	margin-left:10px;
}
.show-player {
	border:none;
}
/*------ Quick viev  ------------------------------------------------*/
#project-page-holder {
	width:100%;
	height:100%; 
	position:fixed; 
	top:0;
	left:0;
	z-index:4; 
   -webkit-transform: translate3d(0,0,0);
   display:none;
   overflow:auto;
   padding:50px 50px 0;
   background:#fff;
   -webkit-overflow-scrolling: touch;
}
#project-page-data {
	width:100%;
	float:left;
	position:relative;
	background:#fff;
	padding-bottom:100px;
}
#project-page-data:before {
	content:'';
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:80px;
	background:#fff;
	z-index:12;
	-webkit-transform: translate3d(0,0,0);
}
.project-holder{
	position:relative;
	max-width:1250px;
}
.project-list   {
	float:left;
	width:100%;
	padding-top:30px;
}
.elem-list {
	-webkit-transform: scale(0.4);
	-moz-transform:scale(0.4);
	transform: scale(0.4);
	opacity:0;
	position:relative;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.vis-list{
	-webkit-transform: scale(1.0);
	-moz-transform:scale(1.0);
	transform: scale(1.0);
	opacity:1;
}
.project-list ul {
	float:left;
	width:100%;
	position:relative;
}
.project-list ul:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.project-list:hover ul:before {
	width:100%;
}
.project-list h3 {
	float:left;
	display:inline-table;
	padding:6px;
	padding-left:0;
	margin-top:4px;
	font-weight: 100;
	letter-spacing:2px;
	color:#666;
	text-align:left;
	font-size:34px;
	text-transform:uppercase;
	margin-bottom:10px;
	font-family: 'Oswald', sans-serif;
}
.project-list li  {
	float:left;
	position:relative;
	width:100px;
	overflow:hidden;
}
.project-list li a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:1;
	background:rgba(0,0,0,0.31);
	line-height:100%;
	opacity:0;
}
.project-list li a:before , .project-list li a:after {
	content:'';
	position:absolute;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.project-list li a:before {
	width:0;
	height:1px;
	bottom:50%;
	left:50%;
	margin-left:-15px;
}
.project-list li a:after{
	width:1px;
	height:0;
	top:50%;
	left:50%;
	margin-top:-15px;
}
.project-list li:hover a {
	opacity:1;
}
.project-list li:hover a:before {
	width:30px;
}
.project-list li:hover a:after {
	height:30px;
}
.project-list li:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform:scale(1.2);
	transform: scale(1.2);
}
#list_close {
	float:left;
	padding:10px 20px;
 	text-transform:uppercase;
	font-size:10px;
	font-weight: 700;
	letter-spacing:2px;
	color:#666;
	position:relative;
	margin-top:50px;
}
/*------ contact  ------------------------------------------------*/
.contact-info {
	float:left;
	width:100%;
	margin-top:20px;
}
.contact-info li {
	float:left;
	width:100%;	
}
.contact-info a {
	float:left;
	padding:10px 0;
	color: #666;
	font-size: 13px;
	font-weight: 800;
	line-height: 30px;
	position:relative;
	letter-spacing: 4px;
	text-transform:uppercase;
	text-align:left;
}
.contact-info a:before {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	height:100%;
	z-index:-1;
	width:0;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.contact-info a:hover:before {
	width:100%;
}
#contact-form {
	width:100%;
	float:left;
	margin-top:30px;
}	
#contact-form input[type="text"] , #contact-form textarea {
	float:left;
	width: 100%;
	background:none;
	margin-bottom:20px;
	font-size: 12px;
	height:50px;
	border-radius: none;
	position:relative;
	z-index:20;
	padding-left:8px;
	color:#000;
	border:0;
	border-bottom:2px solid #000;
	-webkit-appearance: none;
	font-family: 'Montserrat', sans-serif; 
}		
#contact-form textarea {
	height:170px;
	resize:none;
	overflow: auto;
	background:none;
	overflow: auto;
	box-shadow: none;	
}	
#contact-form input[type="submit"]	{
	float:left;
	border:none;
	text-transform:uppercase;
	padding:15px 30px;
	line-height:14px;
	cursor:pointer;
	letter-spacing:2px;
	font-weight:800;
	font-size:13px;
	color:#666;
	letter-spacing:2px;
	text-transform:uppercase;
	-webkit-appearance: none;
 	font-family: 'Oswald', sans-serif;
}
#contact-form input[type="submit"]:hover{
	background:#000;
	color:#fff;
}	
.error_message {		
	text-align:left;		
	font-size:13px;
	max-width:450px;
	position:relative;
	font-family: 'Oswald', sans-serif;
	padding:10px;						
}	
#success_page h3{		
	font-family: 'Oswald', sans-serif;
	text-align:left;
	font-size:18px;	
}		
#success_page p {				
	margin-top:10px;
	font-family: 'Oswald', sans-serif;
	text-align:left;
	padding:6px 6px 6px 0;
	color:#000;		
}	
#message fieldset {		
	border:none;	
}
/*------ share------------------------------------------------*/
.shareSelector i {
	margin-left:6px;
}
.share-container {
	display:none;
}
.shareSelector span {
	width: 70px;
	height: auto;
	line-height: 15px;
	padding: 6px;
	left: -71px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: -4px;
}
.arthref{
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 1199;
	width:250px;
	-webkit-transform: scale(0.2);
	-moz-transform:scale(0.2);
	transform: scale(0.2);
	opacity:0.1;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;	 
}
.inshare {
	-webkit-transform: scale(1.0);
	-moz-transform:scale(1.0);
	transform: scale(1.0);
	opacity:1;
}
.arthref .icon-container{
	z-index: 2;
	position: relative;
}
.arthref .icon-container ul{
	float:right;
	padding: 30px 0;
	list-style-type: none;
	text-align: center;
	opacity: 1;
	width:250px !important;
}
.arthref .icon-container ul li{
	width:250px !important;
	float:left;
	position:relative;
	margin-bottom:22px;
	padding:6px;
	right:-150px;
	opacity:0;
}
.arthref .icon-container ul li:before {
	content:'';
	position:absolute;
	right:20px;
	bottom:-4px;
	width:0;
	height:1px;
	background:#666;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.arthref .icon-container ul li:hover:before {
	width:50%;
}
.arthref .icon-container ul li a{
	position:absolute;
	top:0;
	left:0;
	width:90%;
	height:100%;
	z-index:3;
	display: block;
}
.arthref .icon-container ul li span{
	position:absolute;
	top:0;
	left:0;
	width:90%;
	height:100%;
	z-index:2;
	display: block;
	font-size:10px;
	text-align: right;
	font-weight: 400;
	text-transform:uppercase;
	color:#666;
}
/*------ blog - ------------------------------------------------*/ 
.blog-holder , .posts-wrapper{
	float:left;
	width:100%;
	position:relative;
	background:#fff;
	padding-top:50px;
}
.blog-header {
	top:80px;
	left:50px;
	position:fixed;
	width: 100%;
	height:100%;
	-webkit-transform: translateZ(0);
}
.blog-header:before {
	content:'';
	position:absolute;
	top:0;
	right:-10px;
	width:110px;
	height:100%;
	background:#fff;
	z-index:5;
}
.blog-header:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:130px;
	background:#fff;
	z-index:5;
}
.post-img , .post-info {
	float:left;
	width:100%;
	position:relative;
}
.post-img a {
	position:relative;
	float:left;
	width:100%;
	height:100%;
}
.post-img a .overlay {
	opacity:0;
}
.article-date {
	color:#fff;
	position:absolute;
	z-index:5;
	top:50%;
	left:0;
	width:100%;
	font-size:16px;
	font-weight: 400;
	text-transform:uppercase;
	-webkit-transform: scale(0.2);
	-moz-transform:scale(0.2);
	transform: scale(0.2);
	opacity:0;
}
article:hover .article-date {
	opacity:1;
	-webkit-transform: scale(1);
	-moz-transform:scale(1);
	transform: scale(1);
}
article:hover .overlay{
	opacity:0.6;
}
/*------ Blog ------------------------------------------------*/
.post-info {
	background:#F6F6F6;
	padding:30px 15px;
	margin-bottom:20px;
}
.post-info h3 , .post-title  , #comments-title {
	 font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 18px;
	text-transform:uppercase;
	text-align:left;
	letter-spacing:4px;
	margin-bottom:20px;
}
.post-title , #comments-title  {
	font-size:34px;
	letter-spacing: 6px;
}
.post-info p  , .post-date  {
	text-align:left;
	color: #a3a3a3;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	padding-bottom:20px;
	letter-spacing: 0.05em;
}
.post-date  {
	font-size:14px;
	letter-spacing: 0.4em;
	text-transform:uppercase;
}
.blog-pagination {
	float:left;
	width:100%;
	margin-top:50px;
	padding-bottom:50px;
	position:relative;
}
.blog-pagination a.next-link {
	float:right;
	margin-right:1.515151515152%
}
.blog-pagination a.prev-link {
	float:left;
	margin-left:1.515151515152%
} 
.top-link {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-20px;
}
.prevposts-link{
	margin-right:8px;
}
.nextposts-link{
	margin-left:8px;
}
.sidebar {
	float:left;
	position:relative;
	-webkit-transform: translateZ(0); 
}
.widgets-holder {
	float:left;
	margin-top:47px;
	padding:20px 50px !important;
}
.single-page {
	margin-top:0;
	padding-top:0;
}
.widgets {
	text-align: left;
	margin: 0 auto 30px;
}
.widgets h4{
	 font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 16px;
	text-transform:uppercase;
	text-align:left;
	letter-spacing:2px;
	margin-bottom:20px;
}
.cat-item, .recentcomments {
	font-size: 0.8666666666667em;
	padding-bottom: 8px;
	margin-bottom: 15px;
}
.cat-item a, .recentcomments a , .widget-archive a, .widget-recent-entries a  { 
	font-size:10px;
	margin-top:4px;
	font-weight: 400;
	text-transform:uppercase;
	color:#666;
}
.tagcloud a {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 5px 0;
	color:#666;
}
.widget-archive ul li {
 
	margin-bottom:5px ;
}
.cat-item a:hover  , .widget-archive a:hover , .tagcloud a:hover {
	border-bottom:1px solid #000;
}
.post-tags li {
	float:left;
	margin-right:10px;
}
.post-tags li a {
	font-size:10px;
	margin-top:4px;
	font-weight: 400;
	text-transform:uppercase;
	color:#666;
	padding:8px 15px;
}
.post-autor {
	text-align:left;
	font-size:14px;
	margin-top:4px;
	font-weight: 400;
	text-transform:uppercase;
	color:#000;
	float:left;
	width:100%;
	margin-top:30px;
}
.post-autor a {
	color:#666;
}
#comments-blog {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 50px;
	padding-bottom:60px; 
}
#comments-title {
	font-size:24px;
    margin-bottom: 5px;
	margin-top:50px;
}
.comment-reply-form .controls {
	float:left;
	width:100%;
	overflow:hidden;
} 
.comment-reply-form .controls input {
    margin-top: 15px;
    border: none;
    outline: none;
    height: 35px;
	max-width: 600px;
    text-decoration: none;
	font-weight: 400;
	text-transform:uppercase;
	color:#666;
	border-bottom: 1px  solid #ccc;
}
.comment-reply-form .controls textarea {
    margin-top: 15px;
    border: none;
    outline: none;
    height: 180px;
    max-width: 600px;
    background: #fff;
	font-weight: 400;
	text-transform:uppercase;
	color:#666 !important;
	padding-top:10px;
    resize:  none;
    text-decoration: none;
     border-bottom: 1px  solid #ccc;
    -webkit-appearance: none;
}
.comment-reply-form  button {
    -webkit-appearance: none;
    float: left;
    border: none;
	border-radius:0;
    background: #fff;
    padding: 14px 38px;
    color: #666;
	margin-top:50px;
    line-height: 1;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-appearance: none;
	cursor:pointer;
}
#body-copyright {
	position:fixed;
	z-index:10000;
	color:#000;
	display:none;
	padding:10px 20px;
	font-size:10px;
	font-weight: 400;
	text-transform:uppercase;
	color:#666;
}
/*------ 404 -------------------------------------------------*/

#ajax-loading-box {
	display:none !important;
}
.back-link {
	position:fixed;
	top:20%;
	left:0;
	width:50%;
	height:60%;
	z-index:50000;
	padding-left:20%;
}
.back-link span {
	position:relative;
	top:30%;
	float:left;
	width:100%;
	font-size:34px;
	text-transform:uppercase;
	 font-family: 'Oswald', sans-serif;
}
.ajaxPageSwitchBacklink {
	display:inline-block;
	margin-top:20px;
	cursor:pointer;
	color:#000;
	position:relative;
	top:30%;
	font-family: 'Oswald', sans-serif;
}
.ajaxPageSwitchBacklink:before {
	content:'';
	position:absolute;
	bottom:-10px;
	left:0;
	width:0;
	height:2px;
	background:#000;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ajaxPageSwitchBacklink:hover:before {
	width:100%;
}
/*------ css-animation - ------------------------------------------------*/
.transition{
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
}
.transition2{
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.transition3{
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.scale-bg{
	-webkit-transform: scale(1.7);
	-moz-transform:scale(1.7);
	transform: scale(1.7);
	opacity:0.5;
}
.scale-bg3{
	-webkit-transform: scale(2.2);
	-moz-transform:scale(2.2);
	transform: scale(2.2);
	opacity:0;
}
.scale-bg2{
	-webkit-transform: scale(0.9);
	-moz-transform:scale(0.9);
	transform: scale(0.9);
	opacity:0;
} 
.scale-bg5{
	-webkit-transform: scale(0.6);
	-moz-transform:scale(0.6);
	transform: scale(0.6);
	opacity:0.1 !important;
}  
.scale-bg4{
	-webkit-transform: scale(0.9);
	-moz-transform:scale(0.9);
	transform: scale(0.9);
	opacity:0.5;
}
.scale-bg6  {
	-webkit-transform: scale(0.7);
	-moz-transform:scale(0.7);
	transform: scale(0.7);
	opacity:0.5;
}
/*------  Responsive ------------------------------------------------------*/
@media only screen and  (max-width: 1036px) {
.kinekt-wrapper , .no-kinekt {
    width:100%;
	padding:100px 0 60px 0;			
}
.no-kinekt {
	padding-top:0;				
} 	
.fixed-filters {
	position:absolute;
	z-index:8;
	background:#fff;
	right:50px;
	display:none;
	width:150px;
	top:130px;
	height: auto;
	padding-left:0;
	padding:10px;
	display:none;
}
.fixed-filters a {
	font-size:10px;
	margin-bottom:10px;
	text-align:center;
	float:none;
	display:block;
}
.fixed-filters a span {
	padding-right:0;
}
.count-folio {
	margin-top:20px;
}
.vis-filter {
	display:block;
}
.filter-button {
	width:110px;
	padding:6px 10px;
	display:block;
	position:relative;
	z-index:20;
	float:right;
	margin:90px 50px 0 0;
	cursor:pointer;
	color:#666;
	font-size:14px;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	letter-spacing:6px;
}	
.right-colum {
	padding-right:0;
	padding-top:0;
	z-index:21;
	width:100%;
	float:left;
}
.left-colum {
	position:relative;
	z-index:20;
	border: none;
	border:30px solid #fff;
	border-top:80px solid #fff;
	right:0;
	width:100%;
	float: left;
	height: auto;
	padding:250px 0;
}
.right-colum .container {
	padding:0;
	top:0;
}
.link-content {
	margin-bottom:30px;
}
.right-colum-wrapper , .right-colum .container ,  #project-gallery  {
	padding:0;
}
.count-folio div.num-album {
 	font-size:18px;
	left:-54px;
	top:32px;

}
}
@media only screen and  (max-width: 756px) {
.gallery-item,.grid-sizer , .four-coulms .gallery-item , .four-coulms .grid-sizer , .three-coulms .gallery-item , .three-coulms .grid-sizer {
  width: 50%;
}
.btn-menu-wrapper{
	margin:30px 20px 0 -6px;
}
.logo-holder {
	 margin:29px 0 0 20px;
}
.content {
	padding:80px 30px 50px;
} 
.pagination{
	right:10px;
}
.slide-title h3 {
	font-size: 24px;
}
.header-overlay {
	background:rgba(255,255,255,1.0);
	z-index:14;
} 
.right-colum section {
	margin-top:0;
}
footer {
	padding-left:30px;
	background:#fff;
}
footer p , .page-title {
	display:none;
}
.filter-button {
	margin:24px 30px 0 0;
}
.fixed-filters {
	right:30px;
	top:80px;
}
.portfolio-options.arrow-left i , .portfolio-options2.arrow-left2 i {
	left:12px;
}
.portfolio-options.arrow-right i , .portfolio-options2.arrow-right2 i  {
	right:12px;
}
.portfolio-options.arrow-right span , .portfolio-options2.arrow-right2 span , .portfolio-options.arrow-left span , .portfolio-options2.arrow-left2 span {
	font-size:12px;
}
article {
	opacity:1 !important ;
	visibility: visible; 
	transform: translateY(0px) scale(1.0); 
	 -webkit-transform: translateY(0) scale(1.0); 
	-webkit-perspective: 0; 
	-webkit-backface-visibility: visible ; 
}
.blog-pagination {
	margin-top:0;
	padding-bottom: 0;
}
.blog-header {
	left:30px;
}
.blog-header:before {
	right:-10px;
	width:70px;
}
.top-title {
	position:absolute;
	padding-right:30%;
	-webkit-transform: translate3d(0,0,0);
	z-index:1	
}
.top-title-text {
	position:absolute;
	top:10%;
	left:10px;
	-webkit-transform: translate3d(0,0,0);
	z-index:2;
	text-align:left;
}
.top-title-text  h2{
	font-size:25px;
}
.top-title-text p{
	font-size:10px;
}
#comments-blog {
	 padding:0 0 60px 0;
}
.media-container:before , .media-container:after {
	width:30px;
}
.single-title .slide-title {
 	left:-30px;
} 
}
@media only screen and  (max-width: 540px) {
 .gallery-item, .grid-sizer  , .services-img , .services-info ,.four-coulms .gallery-item , .four-coulms .grid-sizer , .three-coulms .gallery-item , .three-coulms .grid-sizer{
  width: 100%;
}
.services-info {
	padding-left:0;
	margin-top:20px;
}
.portfolio-options.call-info {
	top:120px;
	left:30px; 
}
.slides-counter {
	display:none;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bg {
	background-attachment: scroll !important;
	-webkit-background-size:cover;
	background-position:center;
}
}