@font-face{ 
	font-family: 'SansumiBold';
	src: url('font/Sansumi-Bold-webfont.eot');
	src: url('font/Sansumi-Bold-webfont.eot?iefix') format('eot'),
	     url('font/Sansumi-Bold-webfont.woff') format('woff'),
	     url('font/Sansumi-Bold-webfont.ttf') format('truetype'),
	     url('font/Sansumi-Bold-webfont.svg#webfont') format('svg');

}
@font-face{ 
	font-family: 'open_sanscondensed_light';
    src: url('font/OpenSans-CondLight-webfont.eot');
    src: url('font/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-CondLight-webfont.woff') format('woff'),
         url('font/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('font/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

#content{position:relative; overflow:hidden;}
.side{position:absolute;  background-color:#fff; background-repeat:no-repeat; height:600px; width:50%;}

#sleft{background-image:url(images/portfolio/lato1.png);  background-position:right top; 
-moz-animation:sf_left 2s ease;  
-moz-animation-fill-mode: forwards;   
-webkit-animation:sf_left 2s ease;   
-webkit-animation-fill-mode: forwards; 
animation:sf_left 2s ease;  
animation-fill-mode: forwards; 
z-index:10;
}

#sright{background-image:url(images/portfolio/lato2.png); background-position:left top;
-moz-animation:sf_right 2s ease;  
-moz-animation-fill-mode: forwards;
-webkit-animation:sf_right 2s ease;  
-webkit-animation-fill-mode: forwards;
animation:sf_right 2s ease;  
animation-fill-mode: forwards; 
z-index:10;
}


@-moz-keyframes sf_left {
    0% {
        -moz-transform: translate(0px);
    }
    100% {
        -moz-transform: translate(-80%);
    }
}
@-webkit-keyframes sf_left {
    0% {
        -webkit-transform: translate(0px);
    }
    100% {
        -webkit-transform: translate(-80%);
    }
}
@keyframes sf_left {
     0% {
        transform: translate(0px);
    }
    100% {
        transform: translate(-80%);
    }
}

@-moz-keyframes sf_right {
    0% {
        -moz-transform: translate(50%);
    }
    100% {
        -moz-transform: translate(180%);
    }
}
@-webkit-keyframes sf_right {
    0% {
        -webkit-transform: translate(50%);
    }
    100% {
        -webkit-transform: translate(180%);
    }
}
@keyframes sf_right {
     0% {
        transform: translate(50%);
    }
    100% {
        transform: translate(180%);
    }
}



#gallery{width:80%; height:598px; background:#fff; border-top:1px solid #ECECEC; border-bottom:1px solid #ECECEC; margin:auto;}
.galleria-container{height:598px; width:100%; margin:auto;}
#galleria{height:100%; width:100%; margin:auto;}

@media screen and (min-height: 320px){
    #gallery, .galleria-container{ height:320px !important;} .side{height:80%; background-size:auto 100%;}
}

@media screen and (min-height: 600px){
    #gallery, .galleria-container{ height:380px !important;} .side{height:100%; background-size:auto 100%;}
}

@media screen and (min-height: 768px){
    #gallery, .galleria-container {height:620px !important;}.side{height:100%; background-size:auto 100%;}
}

@media screen and (min-height: 920px) {
    .galleria-container{ height:598px !important;}
}