/* ==========================================================================
   sld images' custom styles

sld-main
 └── sld-tile
     ├── sld-img-wrap
     │    └── sld-image
     └── sld-cont-wrap
          └── sld-content

    author: Joel Bugarini 
    site: github.com/joelbugarini
   ========================================================================== */
@import url(http://fonts.googleapis.com/css?family=Raleway:100);#sld-main{font-family:Raleway,sans-serif;color:#dedede;font-style:normal;font-weight:300;font-size:1.1em;margin-left:-1px}#sld-main h1{font-size:1.5em;font-weight:300}#sld-main{width:104%}.sld-tile{position:relative;width:48%;float:left;margin:1px;overflow:hidden}.sld-tile:hover{opacity:2;-moz-transition:opacity .5s;-webkit-transition:opacity .5s;transition:opacity .5s}.sld-tile:hover .sld-content{top:38%;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}.sld-tile:hover .sld-img-wrap:after{opacity:2;-moz-transition:opacity .5s;-webkit-transition:opacity .5s;transition:opacity .5s}.sld-img-wrap{overflow:hidden;height:260px}@media only screen and (max-width :680px){.sld-img-wrap{overflow:hidden;height:110px}}@media only screen and (max-width :950px) and (min-width :681px){.sld-img-wrap{overflow:hidden;height:170px}}@media only screen and (max-width :1161px) and (min-width :951px){.sld-img-wrap{overflow:hidden;height:220px}}@media only screen and (max-width :1290px) and (min-width :1160px){.sld-img-wrap{overflow:hidden;height:260px;position:relative;}}.sld-img-wrap:after{height:100%;width:100%;bottom:0;left:0;position:absolute;content:'';pointer-events:none;background:-moz-linear-gradient(top,rgba(0,0,0,.65)0,rgba(0,0,0,.41)100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.65)),color-stop(100%,rgba(0,0,0,.41)));background:-webkit-linear-gradient(top,rgba(0,0,0,.65)0,rgba(0,0,0,.41)100%);background:-o-linear-gradient(top,rgba(0,0,0,.65)0,rgba(0,0,0,.41)100%);background:-ms-linear-gradient(top,rgba(0,0,0,.65)0,rgba(0,0,0,.41)100%);background:linear-gradient(to bottom,rgba(0,0,0,.65)0,rgba(0,0,0,.41)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#69000000', GradientType=0);opacity:0}.sld-img-wrap:hover:after{opacity:2;-moz-transition:opacity .5s;-webkit-transition:opacity .5s;transition:opacity .5s}.sld-image{opacity:1;width:100%;position: absolute;top: -9999px;bottom:-9999px;left:-9999px;right:-9999px;margin: auto;}.sld-content{position:absolute;top:78%;bottom:0;white-space:normal;margin-left:2%;margin-right:2%}.sld-content h1{font-family:Raleway,sans-serif;color:#dedede;font-style:normal;font-weight:300;font-size:1.1em}.sld-content p{line-height:1}