/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{_line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


/*^ GENERAL ^*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
	src: url('fonts/open-sans.eot');
	src: url('fonts/open-sans.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans.woff2') format('woff2'),
         url('fonts/open-sans.ttf') format('truetype'),
         url('fonts/open-sans.svg#svgFontName') format('svg');
}


*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

*{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 

*{margin:0;padding:0;}

html,body{height:100%;}

body{background:#F1F1F1;font-family:'Open Sans',sans-serif;font-size:15px;color:#222;}

a{color:#222;text-decoration:none;}
a:hover{color:#fff;text-decoration:none;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

li,ul{list-style:none;}

img{max-width:100%;height:auto;}

.clear{clear:both;}
.clearfix{overflow:auto;*zoom:1;}


/*^ CONTENT ^*/
#wrapper{margin:0 auto;width:100%;padding:35px;}

#container{margin:0 auto;width:90%;}

header h1{font-size:45px;margin:0 auto;width:60%;text-align:center;}

article p{padding:25px;background:#fff;}
.block{float:left;width:250px;margin:0 0 -8px;}

.img-thumb form{margin:15px;text-align:center;}
.img-thumb{background:#fff;padding-bottom:5px;}

nav{margin-bottom:40px;}
#filters{margin:25px 0;padding:15px;}
#filters li{float:left;display:block;height:20px;margin-right:8px;margin-top:8px;}

#filters li a{padding:8px 5px;text-transform:uppercase;font-size:13px;background:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border:1px solid #ccc;font-weight:700;}
#filters li a:hover{background:#009de0;color:#fff;border:1px solid #009de0;}

#filters li.current a{color:#fff;background:#009de0;border:none;padding:6px 4px;}

footer{margin:0 auto;width:90%;}
footer .wrap {margin:0 auto;padding:30px;text-align:center;}
footer ul li{display:inline;padding-left:12px;}
footer p{padding:15px;}

/*^ BUTTON */
.submit{
cursor:pointer;
border:0;
background:#009de0;
padding:3px 14px;
color:#fff;
font-size:14px;
box-shadow: inset 0 0 0 0 #7c194e;
-webkit-transition: all ease 0.9s;
-moz-transition: all ease 0.9s;
transition: all ease 0.9s;
font-weight:700;
font-family:'Open Sans',sans-serif;

-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

.submit:hover{box-shadow:inset 0 0 300px 100px #7c194e;color:#fff;border:0;}



/*^ PHOTOS ^*/
.isotope-item {*z-index:2;}
.isotope-hidden.isotope-item {pointer-events:none;z-index:1;}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.9s;
     -moz-transition-duration: 0.9s;
      -ms-transition-duration: 0.9s;
       -o-transition-duration: 0.9s;
          transition-duration: 0.9s;
}

.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:         top, left, 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;
}

/*^ MQ ^*/
@media screen and (max-width: 679px){
#filters li a{font-size:11px;}

}

@media screen and (max-width: 480px){
#container{width:100%;text-align:center;}
header h1{font-size:35px;}
article{margin-bottom:10px!important;}
#filters li{float:none;margin:20px;}
#filters li a{font-size:11px;}
.block{float:none;width:100%;}
}