/* ===================================
    Slider and parallax typography
====================================== */

.slider-text-middle-main {
	display: table;
	height: 100%;
	width: 100%
}

.slider-text-bottom {
	display: table-cell;
	vertical-align: bottom;
}

.slider-text-top {
	display: table-cell;
	vertical-align: top;
}

.slider-text-middle {
	display: table-cell;
	vertical-align: middle;
}

.slider-text-middle1 {
	padding: 0 15px;
}

.slider-typography {
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	right: 0;
	left: 0;
}

.slider-subtitle1 {
	background-color: #000;
	display: block;
	font-family: "Lato", sans-serif;
	font-size: 48px;
	font-weight: 100;
	letter-spacing: 4px;
	line-height: 68px;
	margin-bottom: 45px;
	padding: 30px 35px;
	text-align: center;
	text-transform: uppercase;
	width: 250px;
}

.slider-title-big1 {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px
}

.slider-text-middle1 .separator-line {
	margin: 3% 0 0 0
}

.slider-text-middle2 {
	padding: 0 15px
}

.slider-subtitle2 {
	display: block;
	font-family: "Lato", sans-serif;
	font-size: 35px;
	font-weight: 100;
	letter-spacing: 4px;
	line-height: 45px;
	text-transform: uppercase;
}

.slider-subtitle3 {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 8px;
	line-height: 80px;
	text-transform: uppercase;
}

.slider-text-middle3 {
	padding: 0 15px
}

.slider-title-big3 {
	background: #000;
	display: inline-block;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 7px;
	line-height: 43px;
	padding: 35px 50px;
	text-transform: uppercase;
}

.slider-text-middle4 {
	padding: 0 15px;
}

.slider-subtitle4 {
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-bottom: 20px;
	display: block
}

.slider-title-big4 {
	font-family: "Lato", sans-serif;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 7px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 20px
}

.slider-text-middle5 {
	padding: 0 15px;
}

.slider-subtitle5 {
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-bottom: 50px;
	display: block;
	line-height: 30px
}

.slider-title-big5 {
	font-family: "Lato", sans-serif;
	font-size: 15px;
	font-weight: 100;
	letter-spacing: 7px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 30px
}

.slider-number {
	border: 2px solid #fff;
	color: #fff;
	display: inline-block;
	font-family: "Lato", sans-serif;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 60px;
	padding: 9px 0;
	width: 46px;
	text-align: center
}

.slider-title-big6 {
	font-size: 110px;
}

.slider-title-big7 {
	font-size: 55px;
	line-height: 68px;
	font-weight: 300;
	color: #fff;
	display: inline-block;
}

.slider-title-big8 {
	font-family: "Lato", sans-serif;
	font-size: 25px;
	line-height: 35px;
	font-weight: 300;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: block;
}


/* ===================================
    Parallax
====================================== */

.overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0.2;
	z-index: 1;
	top: 0px;
}

.parallax-fix {
	position: relative;
	background-size: cover !important;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat !important;
	transition-duration: .2s;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	background-attachment: fixed !important
}

.parallax-fix .row {
	position: relative;
	z-index: 2;
}

.parallax-section-main {
	/* min-height: 700px; */
}

.parallax-title {
	display: block;
	font-family: "Lato", sans-serif;
	font-size: 15px;
	font-weight: 100;
	letter-spacing: 7px;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.parallax-sub-title {
	display: block;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 4px;
	line-height: 30px;
	text-transform: uppercase;
}

.parallax-number {
	border: 2px solid #000;
	color: #000;
	display: inline-block;
	font-family: "Lato", sans-serif;
	font-size: 20px;
	font-weight: 400;
	margin: 150px 0 60px 0;
	padding: 9px 0;
	width: 47px;
	text-align: center;
	letter-spacing: -2px
}

.fix-background {
	position: relative;
	background-size: cover !important;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important
}

.cover-background {
	position: relative;
	background-size: cover !important;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat !important;
}

.background-size-inherit {
	background-size: inherit !important
}

.blog-blockquote {
	padding: 100px
}

.background-attachment-inherit {
	background-attachment: inherit !important
}

/* ===================================
    Portfolio
====================================== */

/* portfolio filter */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s;  -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.grid-wrap .tab-content { margin-top: 25px; }

/* portfolio filter light */
.nav-tabs-light li a { margin: 0 32px}
.nav-tabs-light li:first-child a{ margin: 0 32px 0 0}
.nav-tabs-light li:last-child a{ margin: 0 0 0 32px}
.nav-tabs-light { height: 70px}
.nav-tabs-light a { color: #888888; font-family: "Open Sans",sans-serif !important; font-size: 12px; }

/* masonry basic */
.grid li  {transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
.grid img { width:100%}
.grid-gallery { clear: both; float: left; width: 100%; }
.gallery-img a { position: relative; /*z-index: 2;*/ display: block}
.grid-gallery ul { list-style: none; padding: 0; }
.grid-gallery figure { margin: 0; position: relative }
.grid-gallery figure img { display: block; width: 100%; opacity: 1; cursor: pointer; }
.grid-gallery figcaption h3 { margin: 0 0 8px; padding:0; text-transform:uppercase; }
.grid-gallery figcaption i { font-size: 32px; color: #aeaeae; margin-bottom: 20px}
.grid-gallery figcaption h3 a, .grid-gallery figcaption h3 { letter-spacing: 4px; font-weight: 400; color: #e3e3e3}
.grid-gallery figcaption p { display:block; font-size:12px; letter-spacing:3px; text-transform:uppercase; text-decoration:none; color: #aeaeae; margin-bottom: 0 }
.grid { margin: 0 auto; }
.grid li { box-sizing: border-box; float: left; margin: 0; width: 25%; display: inline-block;  }
.grid figure { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }
.grid figcaption {  bottom: 70px; opacity: 0; position: absolute; text-align: center; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.gallery-img { opacity: 1; transition: all 0.3s ease 0s; overflow: hidden; }
.grid figure:hover .gallery-img {background-color:#000; }
.no-hover figure:hover .gallery-img {background-color: transparent !important; }
.no-hover figure:hover img { opacity: 1 !important; -ms-transform: none; -webkit-transform: none;  transform: none; }
figure:hover img { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.15;  cursor:url("../images/icon-zoom-white.png"), pointer; }
.mfp-figure figure:hover img { cursor: pointer}
.grid figure:hover figcaption { opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}

/* portfolio grid - 2 column  */
.revolution-masonry-portfolio-list .portfolio-item { padding: 10px;} 

/* portfolio grid */

/* portfolio grid - 2 column  */
.work-2col .grid li { float: left; width: 50%;}

/* portfolio grid - 3 column  */
.work-3col .grid figcaption {  bottom: 35px; }
.work-3col .grid li { float: left; width: 33.33%;}

/* portfolio grid - 4 column  */
.work-4col .grid li { float: left; width: 25%; }
.work-4col .grid figcaption {  bottom: 40px; }
#portfolio.work-4col .grid figcaption {  bottom: 60px; }
.work-4col .grid-gallery figcaption h3 { font-size: 13px; margin: 0 0 3px}
.work-4col .grid-gallery figcaption p { font-size: 11px}

/* portfolio grid - 5 column  */
.work-5col .grid li { float: left; width: 20%; }
.work-5col .grid figcaption {  bottom: 15px; }
.work-5col .grid-gallery figcaption h3 { font-size: 11px; margin: 0 0 3px; letter-spacing: 2px}
.work-5col .grid-gallery figcaption p { font-size: 10px; letter-spacing: 1px}
.work-5col .grid-gallery figcaption i { font-size: 28px; margin-bottom: 15px }
.work-5col figure:hover img { -ms-transform: none; -webkit-transform: none;  transform: none; transition:.1s; -webkit-transition: .1s; -moz-transition:.1s; opacity:.15;  }

/* portfolio grid - gutter */
.gutter .grid-gallery ul { margin-left: -11px}
.gutter .grid li { padding: 0 0 11px 11px;}

/* portfolio grid - with title */
.work-with-title .grid figcaption {opacity: 1; position: relative; bottom: 0; padding: 40px 0 30px 0; background: rgba(255,255,255,1); z-index: 2; }
.work-with-title .grid li figcaption h3, .work-with-title .grid figcaption h3 a, .work-with-title .grid li figcaption p {color: #888888 }
.work-with-title .grid figcaption h3 a { display: block}
.work-with-title .grid li:hover figcaption h3, .work-with-title .grid li:hover figcaption h3 a{color: #000 }
.work-with-title .grid li:hover figcaption { bottom: 50px;}
.work-with-title figure:hover img {opacity: 1; -ms-transform: none; -webkit-transform: none;  transform: none; transition:.1s; -webkit-transition: .1s; -moz-transition:.1s; opacity:.5; cursor:url("../images/icon-zoom-white.png"), pointer;}
.work-with-title .gallery-img { }

/* portfolio grid - wide */
.work-2col.wide .grid figcaption { bottom: 100px}
.work-3col.wide .grid figcaption { bottom: 80px}
.work-4col.wide .grid figcaption { bottom: 60px}
.work-5col.wide .grid figcaption { bottom: 40px}

/* portfolio grid - wide with title */
.work-2col.wide-title .grid figcaption { bottom: 0;}
.work-3col.wide-title .grid figcaption { bottom: 0;}
.work-4col.wide-title .grid figcaption { bottom: 0;}
.work-5col.wide-title .grid figcaption { bottom: 0;}

/* portfolio masonry adjustment */
.grid-gallery ul { margin-left:1px; }
.work-5col.masonry .grid-gallery ul { margin-left: -1px}

/* portfolio parallax */
.parallax-portfolio { min-height: 600px; background-attachment: fixed; position: relative; overflow: hidden}
.look-project { position: absolute; bottom: 0; background-color: rgba(0,0,0,0.8); text-align: center; width: 100%; z-index: 3; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}
.look-project a {  display: block; padding: 25px; font-size: 13px; letter-spacing: 3px; color: #fff}
.parallax-portfolio figcaption { background: rgba(0,0,0,1); padding: 45px; width: 100%; display: inline-block; z-index: 3; position: absolute; left:0; bottom:-10px; text-align: center; opacity: 0}
.parallax-portfolio figcaption h3 { font-weight: 400; letter-spacing: 6px; font-size: 16px; margin-bottom: 13px; color: #fff }
.parallax-portfolio figcaption p { text-transform: uppercase; letter-spacing: 4px; font-size: 12px; color: #888888; margin: 0}
.parallax-portfolio:hover figcaption { opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; bottom: 73px }
.parallax-portfolio:hover .opacity-full { opacity: .5; background: #000; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.parallax-portfolio:hover .look-project { background-color: rgba(255,255,255,1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.parallax-portfolio:hover .look-project a { color: #000; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}

/* portfolio with short description */
.portfolio-short-description-bg { background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; background-size:100%; overflow: hidden;}
.portfolio-short-description figure { background: rgba(27, 22, 28, 0.9); padding: 100px; display:inline-block; width: 50%; position: relative }
.portfolio-short-description figure h3 { font-size: 18px; letter-spacing: 4px; font-weight: 400; }
.portfolio-short-description figure p { letter-spacing: 1px; line-height: 23px;  }
.portfolio-short-description-bg:hover { background-size: 106%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.portfolio-short-description-bg:hover figure {background: rgba(0,0,0,1);}

.portfolio-filter li { display:inline-block; margin-right:10px; font-size:20px;font-family: 'Lato', sans-serif;}

.portfolio-filter li.active { border-bottom:2px solid #fff;}