/* No Responsive */
html,body {
  font-size: 100%; 
  min-width: 970px;
}

@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

a:hover, a:focus {
color: inherit;
}

/* Global */
.purple{
	color:#601942;
}
.bg-purple{
	background-color:#601942;
}
.bg-gray{
	background-color:#868686;
}
.gray{
	color:#868686;
}
.serif{
	font-family: "Times New Roman", Times, serif;
}
.strong{
font-weight:bold;	
}
.button {
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: white;
  width: auto;
  display: inline-block;
  font-size: 18px;
  margin-top: 15px;
  padding:0 40px ;
}
.align-center{
text-align:center;
}
.portfolio-cta1{
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: white;
  width: 140px;
  display: inline-block;
  font-size: 17px;
  color:#601942;
  border:1px solid #601942;
  margin:35px;
}
.portfolio-cta1:hover{
  color:#601942;
}
.portfolio-cta2{
margin:	70px 0 115px 0;
background-color:#fff;
color:#601942;
border:1px solid #601942;
}
.portfolio-cta2:hover{
  color:#FFF;
  background-color:#601942;
}

/* Header */
.header .inner1{
	text-align:center;	
}
.header .inner1 .logo{
	text-align:center;
	margin:33px;
}

.sticky .header{
  background-color: rgba(96, 25, 66, 0.8);
  background: rgb(96, 25, 66) \0;
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
  -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
  transition: background .5s ease-in-out,padding .5s ease-in-out;
  height:80px;
  z-index:9;
}
.sticky .header .row1, .sticky .nav {
display:none;	
}
.header .row{
width:960px \0;
}
.header .row2{
display:none;	
}
.sticky .header .row2, .sticky .header .row2 .nav{
display:block !important;
}
.header .logo2 {
  padding: 15px 0;
  text-align: left;
}
body.sticky{
	padding-top:259px;
}


/* Nav */
.nav{
text-align: center;
}
.nav li {
display: inline;
}

.nav li a:hover {
	background-color:#601942;
	color: #ffffff;
	margin:5px 20px;
	padding:10px 20px;
}


.nav li.center{
border-right: 1px solid #b7b7b7;
border-left: 1px solid #b7b7b7;	
}
.nav a {
color:#656565;
font-size:13px;
line-height: 85px;
margin:5px 20px;
padding:10px 20px;
}
.sticky .nav a {
color:white;	
font-size:12px;
}
.sticky .nav{
text-align: right;  
margin-right: 0; 
padding-right: 0;
}


/* Video */
.vdo{	
	background-image:url(../img/bg2.jpg);
	height:577px;
	background-color:#000;
	background-position: center;
	background-repeat: no-repeat;
	text-align:center;
}
.vdo .vdo-play{
	margin-top:200px;
	display: inline-block;
}

/* Ourwork */
.ourwork{
	text-align:center;
	background-image: url("../img/bg.png");
	background-position:center;
	background-repeat: repeat;
	height:579px;
}
.ourwork .inner1{
text-align:center;
color:white;
}
.ourwork .inner1 h1{
  color: white;
  font-size: 72px;
  line-height: 2em;
  font-weight: normal;
  margin-top: 135px;
}
.ourwork .inner1 h2{
color:white;
font-size:30px;
line-height: 1.5em;
}
body.archive .portfolio{
	padding-top:100px;
	padding-bottom:100px;
}

/* Login */
.login{
	text-align:center;
	height:579px;
	background-image: url("../img/bg.png");
	background-position:center;
	background-repeat: repeat;
}
.login .form{
	width:500px;
	height:414px;
	margin:80px auto;
	background-color:white;
}
.login .form h1{
	font-size:25px;
	border-bottom: 1px solid #bfbfbf;
	padding-bottom:10px;
	margin-bottom: 15px;
}
.login .form .inner2{
  width: 200px;
  margin: 0 auto;
  padding-top: 65px;
  text-align: center;
}
.login .form  input{
	padding:10px;
	margin:14px 0px;
	font-size:18px;
	width: 200px;
}
.login .form  input.invalid{
  border: 2px dotted rgb(255, 163, 163);
-webkit-animation-name: spaceboots;
-webkit-animation-duration: 0.4s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
}
.login .form  .button{
	height:40px;
	line-height:40px;
	text-align:center;
	color:white;
	width:200px;
	display:inline-block;
	font-size:18px;
	margin-top: 15px;
}

/* About */
.about{
	background-color:#f3f3f3;	
	text-align:left;
	padding-top: 60px;
	padding-bottom: 60px;
}
.about>.row{
	width:960px \0;
}
.about p{
	font-size:12px;
}
.about p.list{
	margin-bottom:0px;
}
.about h1{
	font-size:22px;
}
.about h2{
	font-size:12px;
}
.about .columns.center{
  border-left: 1px solid;
  border-right: 1px solid;
    padding-left: 87px;
}
.about .columns.last{
  padding-left: 80px;
}

/* Portfolio */
.portfolio{
width: 970px;
margin: 0 auto;	
}
.portfolio .tile{
position:relative;
padding: 6px;
cursor:pointer;
display:inline-block;
}
.portfolio span{
cursor:pointer;
position:absolute;
top: 0;
left: 0;
text-align: center;
color: black;
font-size: 30px;
display: inline-block;
width: 100%;  
height: 100%;
background-color: rgba(255, 255, 255, 0.9);
background-color: rgb(255, 255, 255)\0;
display:none;
color:#601942;
font-family: "Times New Roman", Times, serif;
padding-right: 12px;
}
.portfolio .tiles .columns, .portfolio .tiles .rows, .portfolio .row .row{
padding:0 !important;	
margin:0 !important;	
}
.portfolio .tiles img {
 width: 100%;
}
.portfolio .tiles a {
	display:block\0;
}

/* Project */
.project .inner1{
  border-top: 1px solid #cacaca;
  padding-top: 60px;
  padding-bottom: 60px;
  border-bottom: 1px solid #cacaca;
  margin-bottom: 60px;
}
.project .bigImage{
width:475px;
height:auto;
}
.project .bigImage img{
width:100%;
}
.project .bs-right{
  padding-left: 50px;
}
.project h1{
font-size:36px;
  margin-top: 0.5em;
}
.project h2{
font-size:20px;
}
.project p{
font-size:13px;
color:#868686;
}
.project .gallery{
padding-top: 5px;
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
-moz-column-gap:0px;
-webkit-column-gap:0px;
column-gap:0px;
vertical-align: top;
}
.project .paging a{
margin-top: 20px;
}
.project .paging a{
  float: left;
  font-size: 12px;
  margin-right: 30px;
  text-decoration: underline;
}
.project  .bs-thumb{
  width: 100px;
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
  vertical-align: top;
  outline: none;
}
.project .row{
width:960px \0;	
}



/* Footer */
.footer .inner1{
	text-align:center;	
	font-size:12px;
	padding:70px;
}
.index .footer .inner1{
	padding:25px;
}


/* Lightbox */
.et-mask{
position:fixed;
width:100%;
height:100%;
background-color:#000;
opacity:0.5;
filter:alpha(opacity=50);  
z-index:9998;
left: 0px;
top: 0px;
zoom:1;
display:none;
}
.et-lbcontainer{
position:fixed;
width:100%;
height:100%;
z-index:9999;
left: 0px;
top: 0px;
zoom:1;
padding-top:130px;
display:none;
}
.et-lbcontainer h1{
font-size:24px;
}
.et-lbcontainer p{
font-size:12px;
}
.et-lbcontainer .et-inner{
margin:0 auto;
width:620px;
height:518px;
background-color:#FFF;
padding:25px;
position:relative;
}
.et-lbcontainer .et-btn-close{
background: url(../img/btn-close.png) no-repeat;
width: 27px;
height: 27px;
position: absolute;
right: 0;
top: 0;
margin-top: -13px;
margin-right: -13px;
cursor: pointer;
z-index: 9999;
overflow:visible;
}