/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/240(此说明不在下载的源码里，只用在演示页面里)*/@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:20px 0;}.services-img {	float:left;	width:40%;}.services-info {	float:left;	width:60%;	padding-left:20px;}.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;}}/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/240(此说明不在下载的源码里，只用在演示页面里)*/