/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
vertical-align: middle;
background: transparent;
}

html {
height: 100%;
}

body {
position: relative;
background: #333 url(images/ticksblack.png);
margin: 0;
padding: 0;
min-height: 100%;

}

*::-moz-selection {
background-color:#F3F3F3;
background-position:initial initial;
background-repeat:initial initial;
color:#ffffff;
}

::selection {
background-color:#F3F3F3;
background-position:initial initial;
background-repeat:initial initial;
color:#ffffff;
}

a {
text-decoration:none;
color:#fff;
-webkit-transition:color .3s ease;
-moz-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}

a:hover {
color:#fff;
}

p {
text-align:center;
}
	
span {
text-align:center;
}

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
	
/* Header ------------------------------------------------------------------------ */



#headerfix {
height:20px;
width:100%;
top:0px;
padding-top:80px;
position:absolut;
z-index:101;
text-align:center;
font-family: 'Montserrat', sans-serif;
text-rendering: optimizeLegibility;
font-size:20px;
color: #fff;
}



.title {
width: 94%;
margin: 0 auto;
max-width: 1000px;
position: relative;
font-family: 'Montserrat', sans-serif;
text-rendering: optimizeLegibility;
font-size:80px;
text-align:center;
line-height:50px;
color:#fff;
padding-top:90px;
}

.titlesmall {
font-size: 20px;
text-align:left;
letter-spacing: 1px;
}



/* Main ------------------------------------------------------------------------ */



.container	{ 
width: 94%; 
margin: 0 auto; 
max-width: 1200px;
position: relative;
padding: 0 3%;
}
	
.thumbimg {
width: 100%;
height:auto;
}

#portfolio { 
display: table; 
padding-top:50px;
padding-bottom: 50px;
}



#portfolio a {
display: inline-block; 
float: left; 
max-height: 599px; 
background-size: 100%; 
position: relative;
}

#portfolio .thework span p { 
top: 35%; 
position: relative; 
margin: 0 auto; 
padding: 0; 
font-family: 'Montserrat', sans-serif;
text-rendering: optimizeLegibility; 
text-transform: uppercase; 
font-size: 16px; 
letter-spacing: 5px; 
line-height: 18px; 
width: 90%;
}

.thework span { 
-webkit-transition: opacity .5s ease 0s; 
-moz-transition: opacity .5s ease 0s;
-o-transition: opacity .5s ease 0s;  
transition: opacity .5s ease 0s; 
opacity: 0; 
position: absolute; 
top: 0px; 
left: 0px;
padding: 0; 
width: 100%; 
height: 100.5%; 
background: rgba(20, 20, 20, .90); 
text-align: center; 
}
.thework:hover span { opacity: 1; }
.third { width: 23%; margin: 1%; }

/* ---------- Sizing ---------- */
.container img.max { max-width: 100%; width: auto; }
img.twentyfive { width: 25%; }
img.half { width: 50%; }
img.twothirds { width: 66%; }
img.seventfive { width: 75%; }







/* About & Contact  ------------------------------------------ */

.about {
border-top:dotted 1px #d39643;
width: 94%; 
margin: 100px auto;  
max-width: 1176px;
position: relative;
padding: 0 3%;
text-align:center;
}
	
.text {
margin:0x auto;
font-family: 'Montserrat', sans-serif;
text-rendering: optimizeLegibility;
font-size:13px;
line-height:20px;
color:#fff;
}
	
.contact {
width:auto;
height:auto;
font-family: 'Montserrat', sans-serif;
text-rendering: optimizeLegibility;
font-size:13px;
line-height:20px;
color:#333;
border-top:dotted 1px #d39643;
border-bottom:dotted 1px #d39643;
}

.tumblr {
width:auto;
height:auto;
font-family: 'Montserrat', sans-serif;
text-rendering: optimizeLegibility;
font-size:13px;
line-height:20px;
color:#333;

}

.contacthl {
font-family: 'Montserrat', sans-serif;
text-rendering: optimizeLegibility;
font-size:25px;
line-height:35px;
color:#d0492a;
}

.tumblrhl {
font-family: 'Montserrat', sans-serif;
text-rendering: optimizeLegibility;
font-size:25px;
line-height:35px;
color:#d0492a;
}

.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
-moz-opacity: 1;
opacity: 1;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
-moz-opacity: 0.5;
opacity: 0.2;
}



/* Footer & Scroll ------------------------------------------------------------------------ */

#footer {
font-family: 'Montserrat', sans-serif;
text-rendering: optimizeLegibility;
font-size:20px;
width:100%;
border:0px solid #f00;
text-align:center;
color:#fff;
margin-bottom: 26px;
padding-bottom: 50px;
}
#footer .aboutvisged {
    margin-bottom: 50px;
}
#footer p {
    padding-left: 20px;
	padding-right: 20px;
}

.scrollToTop{
    position:fixed;
    right:26px;
    bottom:26px;
    cursor:pointer;
    width:40px;
    height:40px;
    z-index:100;
    background:#fff url(images/icon_backtop_hover.png) center no-repeat;
    text-align:center;
    display:none;
}
.scrollToTop:hover{
    background-image: url(images/icon_backtop.png);
    background-color: #09c462;
}



/* Other devices ------------------------------------------ */


/* ---------- 1024 ---------- */
@media screen and (max-width: 1024px) {
	
}



/* ---------- 870 ---------- */
@media screen and (max-width: 870px) {

#headerimg {
height:200px;
}

.title {
font-size:65px;
line-height:40px;
padding-top:70px;
}

.titlesmall {
font-size: 20px;
}

}



/* ---------- 768 ---------- */
@media screen and (max-width: 768px) {

.third { width: 48%; margin-bottom: 8px; }
#portfolio a.third:nth-child(even) { float: right; }



}



/* ---------- 600 ---------- */
@media screen and (max-width: 600px) {


#headerimg {
height:120px;
}

.title {
font-size:35px;
line-height:28px;
padding-top:40px;
}

.titlesmall {
font-size: 14px;
letter-spacing: 0px;
}

	
.scrollToTop{
position:fixed;
right:0px;
bottom:0px;
cursor:pointer;
width:100%;
height:40px;
text-align:center;
}

.scrollToTop a {
display: block;
width: inherit;
}

.img-scroll{
width:32px;
height:45px;
margin-top:5px;
}
	
#footer {
	min-height:70px; 
}
#footer p.links {
    margin-top: 10px;
    margin-bottom: 20px;
}


}



/* ---------- 530 ---------- */
@media screen and (max-width: 600px) {

}

/* ---------- 470 ---------- */
@media screen and (max-width: 470px) {
.table { display: table; margin: 0 auto; }

#portfolio a.third:nth-child(even) { float: left; }
.third, .fifty, .twothirds { width: 100%; }

.title {
font-size:30px;
line-height:28px;
padding-top:35px;
}

.titlesmall {
font-size: 12px;
letter-spacing: 0px;
}
}