@font-face {
font-family: 'bistecca-webfont';
src: url('/webfonts/bistecca-webfont/bistecca-webfont.eot');
src:url('/webfonts/bistecca-webfont/bistecca-webfont.eot?#iefix') format('embedded-opentype'),
url('/webfonts/bistecca-webfont/bistecca-webfont.woff') format('woff'),
url('/webfonts/bistecca-webfont/bistecca-webfont.ttf') format('truetype'),
url('/webfonts/bistecca-webfont/bistecca-webfont.svg#bistecca-webfont') format('svg');
font-weight: normal;
font-style: normal;}
img{
border:none;
outline:none;}
body{
margin:0;
padding:0;
background-image:url(http://www.biositalia.com/source/sf-body.jpg);
background-repeat:repeat;}body a:link{
text-decoration: none;
}body a:visited{
text-decoration: none;
}body a:hover{
text-decoration: none;
}
.cb { clear:both }#blk_37956{}#blk_38019{}#blk_37910{
max-width:2000px;
margin:0 auto;
}#blk_37900{
line-height:60px;
height:60px;
background-size:cover;
background-image:url(http://www.biositalia.com/source/sf-body.jpg);
background-repeat:no-repeat;
background-position:center top;
}#blk_37946{}#blk_42568{
max-width:2000px;
margin:0 auto;
}#blk_37971{}#blk_38043{}#blk_38020{}#blk_37972{}#blk_42567{
max-width:2000px;
width:100%;
margin:0 auto;
}#blk_42566{}#blk_37902{
max-width:2000px;
width:100%;
margin:0 auto;
}#blk_37905{}#blk_37947{}#blk_37957{}#blk_38044{}#blk_37958{}#blk_37948{}#blk_42562{
color:#333;
position:relative;
}#blk_38021{}#blk_42559{
max-width:2000px;
margin:0 auto;
background-image:url(http://www.biositalia.com/source/sf-body.jpg);
background-repeat:repeat;
}#blk_38045{}#blk_37913{
color:#333;
position:relative;
}#blk_37894{
max-width:2000px;
margin:0 auto;
left:0;
top:0;
right:0;
z-index:5;
position:fixed;
background-image:url(http://www.biositalia.com/source/sf-body.jpg);
background-repeat:repeat;
}#blk_37973{}#blk_38046{}#blk_37893{}#blk_42575{}#blk_37918{
max-width:2000px;
margin:0 auto;
margin-top:240px;
}#blk_42589{
color:#ffffff;
max-width:2000px;
margin:0 auto;
padding:25px 5px;
background-color:#45742E;
}#blk_37912{}#blk_42558{}#blk_37899{
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_42574{
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_42590{}#blk_37890{}#blk_37916{
padding:40px 5px;
}#blk_42554{
padding:40px 5px;
}#blk_42563{
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_37911{
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_42557{}#blk_42591{}#blk_42598{
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_38797{}#blk_37891{}#blk_37950{
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_38037{
color:#fff;
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_42597{
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_37915{}#blk_42561{}#blk_37960{
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_42588{
color:#fff;
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_37898{
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_42600{}#blk_38634{}#blk_42573{
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_37896{}#blk_42564{}#blk_37897{}#blk_42560{}#blk_42578{
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_37901{
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_37895{}#blk_42569{}#blk_42565{
border-top:#D7D7D7 2px solid;
padding:40px 5px;
position:relative;
}#blk_37903{
border-top:#D7D7D7 2px solid;
padding:40px 5px;
position:relative;
}#blk_37892{}#blk_42577{}#blk_37904{}#blk_42576{}#blk_42570{}#blk_37951{}#blk_42582{}#blk_37952{}#blk_42581{}#blk_37961{}#blk_42580{}#blk_37962{}#blk_37963{}#blk_42555{}#blk_37964{}#blk_42579{}#blk_42593{
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_37965{
max-width:2000px;
margin:0 auto;
background-color:#fff;
}#blk_37966{
clear:both;
}#blk_42571{
clear:both;
}#blk_37967{}#blk_42572{}#blk_42583{
margin:0;
}#blk_37968{
margin:0;
}#blk_42556{}#blk_37969{}#blk_42585{}#blk_38038{}#blk_38039{}#blk_42584{}#blk_42599{
padding-right:25px;
}#blk_38041{
padding-right:25px;
}#blk_42586{
padding-left:25px;
}#blk_38042{
padding-left:25px;
}#blk_42587{}#blk_38070{}#blk_42596{}#blk_38213{}#blk_42595{}#blk_38214{}#blk_38215{}#blk_42594{}#blk_38635{}#blk_42592{}#contenuto_277092{
left:0;
z-index:2;
position:absolute;}#contenuto_277092 img{
max-width:180px;}#contenuto_276903 a:link{
color: #335265;
}#contenuto_276903 a:visited{
color: #335265;
}#contenuto_276903 a:hover{
color: #335265;
}#contenuto_276968{
height:60px;}#contenuto_276969{
font-weight:500;
font-size:35px;}#contenuto_276969 a{
color:#40271A;}#contenuto_276866{
line-height:45px;
font-size:16px;
margin-top:146px;}#contenuto_276866 a:link{
color: #525252;
}#contenuto_276866 a:visited{
color: #525252;
}#contenuto_276866 a:hover{
color: #A48250;
}#contenuto_277013{
color:#5D3102;
font-weight:bold;
font-size:13px;
margin-top:30px;}#contenuto_277013 a:link{
color: #5D3102;
}#contenuto_277013 a:visited{
color: #5D3102;
}#contenuto_277013 a:hover{
color: #5D3102;
text-decoration: underline;
}#contenuto_277155{
text-align:right;
margin:40px 0;}#contenuto_277155 .ico-social:hover{
background-color:#212121;}#contenuto_277155 .ico-social{
background-color:#AD8C3D;}#contenuto_277219{
text-align:right;
margin:40px 0;}#contenuto_277219 .ico-social{
background-color:#44762D;}#contenuto_277219 .ico-social:hover{
background-color:#212121;}#contenuto_277269{
text-align:right;
margin:40px 0;}#contenuto_277269 .ico-social{
background-color:#9F7362;}#contenuto_277269 .ico-social:hover{
background-color:#212121;}#contenuto_276850 img{
max-height:50px;}#contenuto_277036{
padding-top:150px;
position:relative;}#contenuto_276973{
color:#949494;
font-size:13px;
padding-top:20px;}#contenuto_276973 a:link{
color: #949494;
}#contenuto_276973 a:visited{
color: #949494;
}#contenuto_276973 a:hover{
color: #949494;
text-decoration: underline;
}#contenuto_276865{
display:block !important;
line-height:210px;
left:auto;
top:auto;
right:auto;
bottom:auto;
position:relative;}#contenuto_280010 .blog{
background-image:url(http://www.biositalia.com/source/blog-bios.png);}#contenuto_280010 .blog:hover{
color:#DCCBB9;}#contenuto_280013 .blog{
color:#8EB55C;
background-image:url(http://www.biositalia.com/source/blog-kitchen.png);}#contenuto_280013 .blog:hover{
color:#202020;}#contenuto_280014 .blog{
background-image:url(http://www.biositalia.com/source/blog-cafe.png);}#contenuto_280015 .blog{
background-image:url(http://www.biositalia.com/source/blog-produzione.png);}#contenuto_280989{
margin:40px 0;}#contenuto_280989 .ico-social{
position:relative;
background-color:#AD8C3D;}#contenuto_280989 .ico-social:hover{
background-color:#212121;}#contenuto_280989 a{
display:inline-block;}#contenuto_280989 .blog{
text-align:left;
background-image:url(http://www.biositalia.com/source/blog-cafe.png);}#contenuto_280990{
margin:40px 0;
}#contenuto_280990 .blog{
text-align:left;
background-image:url(http://www.biositalia.com/source/blog-produzione.png);}#contenuto_280990 a{
display:inline-block;}#contenuto_280990 .ico-social{
position:relative;
background-color:#9F7362;}#contenuto_280990 .ico-social:hover{
background-color:#212121;}#contenuto_280991{
margin:40px 0;
}#contenuto_280991 .blog:hover{
color:#202020;}#contenuto_280991 .ico-social:hover{
background-color:#212121;}#contenuto_280991 .ico-social{
position:relative;
background-color:#44762D;}#contenuto_280991 a{
display:inline-block;}#contenuto_280991 .blog{
text-align:left;
background-image:url(http://www.biositalia.com/source/blog-kitchen.png);
color:#8EB55C;}#contenuto_281002{
margin:40px 0;
}#contenuto_281002 .blog:hover{
color:#DCCBB9;}#contenuto_281002 .blog{
text-align:left;
background-image:url(http://www.biositalia.com/source/blog-bios.png);}#contenuto_281002 a{
display:inline-block;}#contenuto_281002 .ico-social{
top:-17px;
position:relative;}#contenuto_281002 .ico-social:hover{
background-color:#212121;}#contenuto_277096{
text-align:right;
margin:40px 0;}#contenuto_277096 .blog:hover{
color:#DCCBB9;}#contenuto_277096 .blog{
background-image:url(http://www.biositalia.com/source/blog-bios.png);}#contenuto_282719{
display:none;}#contenuto_282719 img{
max-height:50px;}#contenuto_282720{
display:none;}#contenuto_282720 img{
max-height:50px;}#contenuto_282721{
display:none;}#contenuto_282721 img{
max-height:50px;}#contenuto_283176{
font-size:16px;}#contenuto_283176 a:link{
color: #525252;
}#contenuto_283176 a:visited{
color: #525252;
}#contenuto_283176 a:hover{
color: #A48250;
}#contenuto_278100 .modal-header{
border:none;}#contenuto_278100 .modal-footer{
border:none;
padding:0;}#contenuto_278100 .close{
font-size:30px;
opacity:1;
margin-top:-10px;}#contenuto_278102 .close{
font-size:30px;
opacity:1;
margin-top:-10px;}#contenuto_278102 .modal-header{
border:none;}#contenuto_278102 .modal-footer{
border:none;
padding:0;}#contenuto_277367{
border-bottom:1px solid #fff;
font-size:30px;
margin-bottom:20px;
padding-bottom:10px;}#contenuto_277405{
left:0;
position:absolute;
}#contenuto_277405 img{
max-height:100px;}#contenuto_281038{
overflow:hidden;
}#contenuto_276845{
padding-top:50px;
}#contenuto_276845 .row_fields{
margin:6px 0;}#contenuto_276845 h1{
text-align:left;
color:#333;
text-shadow:0px 0px 0px;}#contenuto_276845 .cb{
display:block;}#contenuto_277115{
padding-top:25px;
}#contenuto_277174{
background-size:cover;
background-image:url(http://www.biositalia.com/source/sf-kitchen-dx.jpg);
background-repeat:no-repeat;
background-position:top left;}#contenuto_280834{
background-size:cover;
background-image:url(http://www.biositalia.com/source/sf-produzione-sx.jpg);
background-repeat:no-repeat;
background-position:top left;}#contenuto_280834 div{
max-width:95%;}#contenuto_282674 .pulsante:hover{
background-color:#212121;}#contenuto_282674 .pulsante{
max-width:250px;
margin-bottom:25px;
background-color:#AD8C3D;}#contenuto_277171{
background-image:url(http://www.biositalia.com/source/kitchen-2.jpg);}#contenuto_278104 b{
font-weight:bold;}#contenuto_278104 .titolo{
line-height:21px;
font-size:18px;
margin-top:20px;}#contenuto_278104 .sottotitolo{
margin:5px 0;}#contenuto_278104 .boxOff{
color:#949494;
padding:0 5px;}#contenuto_278104 .news-tit{
display:block;
padding:15px 0;}#contenuto_278104 .cont-img{
padding-top:15px;}#contenuto_278104 a.bgzoom{
display:block;}#contenuto_278104 .cont-img img{
display:inline;}#contenuto_278104 .pulsante{
color:#fff !Important;
margin:40px auto;}#contenuto_278104 a:link{
color: #949494;
}#contenuto_278104 a:visited{
color: #949494;
}#contenuto_278104 a:hover{
color: #A48250;
}#contenuto_280822{
background-image:url(http://www.biositalia.com/source/grani-1.jpg);}#contenuto_277136{
background-size:cover;
background-image:url(http://www.biositalia.com/source/sf-cafe-dx.jpg);
background-repeat:no-repeat;
background-position:top left;}#contenuto_277225{
background-size:cover;
background-image:url(http://www.biositalia.com/source/sf-produzione-dx.jpg);
background-repeat:no-repeat;
background-position:top left;}#contenuto_278121{
color:#A36B5A;
line-height:26px;
font-size:25px;}#contenuto_278121 a:link{
color: #3D6E2D;
}#contenuto_278121 a:visited{
color: #3D6E2D;
}#contenuto_278121 a:hover{
color: #4E6A31;
}#contenuto_278123{
color:#9D803A;
line-height:26px;
font-size:25px;}#contenuto_278123 a:link{
color: #9D803A;
}#contenuto_278123 a:visited{
color: #9D803A;
}#contenuto_278123 a:hover{
color: #947D3E;
}#contenuto_277369{
margin-top:20px;}#contenuto_277369 a:link{
color: #fff;
}#contenuto_277369 a:visited{
color: #fff;
}#contenuto_277369 a:hover{
color: #fff;
}#contenuto_277124{
padding:40px 0;}#contenuto_278111 .pulsante{
color:#fff !Important;
margin:40px auto;}#contenuto_278111 .cont-img img{
display:inline;}#contenuto_278111 a.bgzoom{
display:block;}#contenuto_278111 .cont-img{
padding-top:15px;}#contenuto_278111 .news-tit{
display:block;
padding:15px 0;}#contenuto_278111 b{
font-weight:bold;}#contenuto_278111 .boxOff{
padding:0 5px;}#contenuto_278111 .sottotitolo{
margin:5px 0;}#contenuto_278111 .titolo{
line-height:21px;
font-size:18px;
margin-top:20px;}#contenuto_278111 a:link{
color: #949494;
}#contenuto_278111 a:visited{
color: #949494;
}#contenuto_278111 a:hover{
color: #A48250;
}#contenuto_278119{
color:#A36B5A;
line-height:26px;
font-size:25px;}#contenuto_278119 a:link{
color: #A36B5A;
}#contenuto_278119 a:visited{
color: #A36B5A;
}#contenuto_278119 a:hover{
color: #8F6958;
}#contenuto_279943{
display:none;
height:80px;}#contenuto_277224{
background-image:url(http://www.biositalia.com/source/produzione-1.jpg);}#contenuto_280823{
background-size:cover;
background-image:url(http://www.biositalia.com/source/sf-produzione-dx.jpg);
background-repeat:no-repeat;
background-position:top left;
}#contenuto_277996{
display:block;
}#contenuto_277436{
margin-top:30px;
margin-bottom:30px;
padding:30px;}#contenuto_277436 a:link{
color: #E4552C;
font-weight: bold;
}#contenuto_277436 a:visited{
color: #E4552C;
font-weight: bold;
}#contenuto_277436 a:hover{
color: #E4552C;
font-weight: bold;
}#contenuto_281037{
overflow:hidden;
}#contenuto_277169{
padding-top:150px;
position:relative;}#contenuto_280828{
background-image:url(http://www.biositalia.com/source/produzione-5.jpg);}#contenuto_294223{
background-image:url(http://www.biositalia.com/source/kitchen-4.jpg);
background-position:top right;}#contenuto_280829{
background-size:cover;
background-image:url(http://www.biositalia.com/source/sf-produzione-dx.jpg);
background-repeat:no-repeat;
background-position:top right;}#contenuto_280829 a:link{
color: #fff;
}#contenuto_280829 a:visited{
color: #fff;
}#contenuto_280829 a:hover{
color: #fff;
text-decoration: underline;
}#contenuto_277373{
font-size:23px;
margin-top:20px;
margin-bottom:20px;
padding-left:45px;}#contenuto_281008{
margin-bottom:40px;
}#contenuto_299939{
padding-top:25px;}#contenuto_281039{
overflow:hidden;
}#contenuto_282681 .pulsante:hover{
background-color:#744B40;}#contenuto_282681 .pulsante{
max-width:250px;
background-color:#9F7362;}#contenuto_299085{
text-align:center;
background-size:cover;
background-image:url(http://www.biositalia.com/source/sf-kitchen-dx.jpg);
background-repeat:no-repeat;
background-position:top left;}#contenuto_299085 .dati{
font-size:22px;}#contenuto_299085 h2{
text-align:center;
font-size:27px;}#contenuto_299085 h1{
text-align:center;
font-size:45px;}#contenuto_299085 a:link{
color: #FFFFFF;
text-decoration: underline;
}#contenuto_299085 a:visited{
color: #FFFFFF;
text-decoration: underline;
}#contenuto_299085 a:hover{
color: #FFFFFF;
text-decoration: none;
}#contenuto_279573{
font-size:15px;
padding:0 10px;}#contenuto_279573 img{
display:block;
max-height:145px;
margin:20px auto;
margin-top:0;}#contenuto_279573 a:link{
color: #333;
}#contenuto_279573 a:visited{
color: #333;
}#contenuto_279573 a:hover{
color: #333;
text-decoration: underline;
}#contenuto_277129{
line-height:240px;}#contenuto_299053 a:link{
color: #FFFFFF;
text-decoration: underline;
}#contenuto_299053 a:visited{
color: #FFFFFF;
text-decoration: underline;
}#contenuto_299053 a:hover{
color: #FFFFFF;
text-decoration: none;
}#contenuto_280144{
color:#44762D;
font-weight:bold;
font-size:13px;
margin-top:30px;}#contenuto_280144 a:link{
color: #44762D;
}#contenuto_280144 a:visited{
color: #44762D;
}#contenuto_280144 a:hover{
color: #44762D;
text-decoration: underline;
}#contenuto_280145{
color:#9F7362;
font-weight:bold;
font-size:13px;
margin-top:30px;}#contenuto_280145 a:link{
color: #9F7362;
}#contenuto_280145 a:visited{
color: #9F7362;
}#contenuto_280145 a:hover{
color: #9F7362;
text-decoration: underline;
}#contenuto_277006 .row_fields{
margin:6px 0;}#contenuto_277006 hr{
border-top:1px solid #000;
max-width:70px;
margin:20px 0;}#contenuto_277006 .cb{
display:block;}#contenuto_277006 h3 span{
text-decoration:none !important;}#contenuto_277151{
padding:40px 0;}#contenuto_277151 a:link{
color: #333;
}#contenuto_277151 a:visited{
color: #333;
}#contenuto_277151 a:hover{
color: #333;
}#contenuto_277116{
display:none;
font-size:20px;
padding:20px 0;
}#contenuto_277255{
background-image:url(http://www.biositalia.com/source/sf-produzione-dx.jpg);
background-repeat:no-repeat;
background-position:top left;
background-size:cover;}#contenuto_277255 .ico img{
max-height:115px;
margin:20px 0;}#contenuto_277255 div{
max-width:100%;}#contenuto_278113 .modal-footer{
border:none;
padding:0;}#contenuto_278113 .modal-header{
border:none;}#contenuto_278113 .close{
font-size:30px;
opacity:1;
margin-top:-10px;}#contenuto_281013{
background-image:url(http://www.biositalia.com/source/produzione-2.jpg);
}#contenuto_281036{
overflow:hidden;
}#contenuto_277134{
background-image:url(http://www.biositalia.com/source/cafe-1.jpg);
}#contenuto_279571{
font-size:15px;
padding:0 10px;}#contenuto_279571 img{
display:block;
max-height:145px;
margin:20px auto;
margin-top:0;}#contenuto_279571 a:link{
color: #333;
}#contenuto_279571 a:visited{
color: #333;
}#contenuto_279571 a:hover{
color: #333;
text-decoration: underline;
}#contenuto_277223{
line-height:240px;}#contenuto_277223 img{
max-height:200px;}#contenuto_278207{
height:350px;}#contenuto_278207 a{
display:block;}#contenuto_278207 span{
display:block;}#contenuto_278207 .pulsante:hover{
background-color:rgba(0,0,0,0.8);}#contenuto_278207 .sottotitolo{
color:#fff;
margin:20px 0;
margin-bottom:0;}#contenuto_278207 .slide-1 .pulsante{
float:right;}#contenuto_278207 .slide-1{
text-align:right;
background-position:center right;}#contenuto_278207 .slick-list{
height:100%;}#contenuto_278207 .slick-slider{
height:100%;}#contenuto_278207 .slick-track{
height:100%;}#contenuto_278207 .sf-news{
height:100%;
padding:35px 10px;
background-size:cover;
background-repeat:no-repeat;
background-position:center top;}#contenuto_278207 .titolo{
letter-spacing:2px;
line-height:42px;
text-transform:uppercase;
font-weight:lighter;
font-size:40px;
min-height:55px;
margin-top:20px;}#contenuto_278207 .pulsante{
color:#fff !Important;
line-height:40px;
font-size:18px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
width:100%;
max-width:180px;
margin:40px auto;
margin-left:0;
background-color:rgba(0,0,0,0.2);}#contenuto_278207 a:link{
color: #fff;
}#contenuto_278207 a:visited{
color: #fff;
}#contenuto_278207 a:hover{
color: #D6D0BA;
}#contenuto_294224{
background-size:cover;
background-image:url(http://www.biositalia.com/source/sf-kitchen-sx.jpg);
background-repeat:no-repeat;
background-position:top right;}#contenuto_294224 .menu-d{
top:-11px;
right:-11px;
position:absolute;}#contenuto_294224 .titolo{
text-align:center;
display:block;
font-size:25px;
margin-bottom:25px;}#contenuto_279958{
display:none;
height:80px;
}#contenuto_277179{
background-image:url(http://www.biositalia.com/source/kitchen-1.jpg);}#contenuto_280833{
background-image:url(http://www.biositalia.com/source/produzione-4.jpg);}#contenuto_281040{
overflow:hidden;
}#contenuto_282675{
padding-top:25px;}#contenuto_282675 .pulsante{
max-width:250px;
margin-bottom:25px;
background-color:#44762D;}#contenuto_282675 .pulsante:hover{
background-color:#212121;}#contenuto_280143{
color:#AD8C3D;
font-weight:bold;
font-size:13px;
margin-top:30px;}#contenuto_280143 a:link{
color: #AD8C3D;
}#contenuto_280143 a:visited{
color: #AD8C3D;
}#contenuto_280143 a:hover{
color: #AD8C3D;
text-decoration: underline;
}#contenuto_277254{
background-image:url(http://www.biositalia.com/source/produzione-3.jpg);
}#contenuto_280820{
background-image:url(http://www.biositalia.com/source/produzione-8.jpg);}#contenuto_299084{
background-image:url(http://www.biositalia.com/source/kitchen-4.jpg);}#contenuto_277374{
border-left:1px solid #fff;
padding-left:45px;}#contenuto_277374 a{
color:#fff !important;}#contenuto_277374 a:link{
color: #fff;
}#contenuto_277374 a:visited{
color: #fff;
}#contenuto_277374 a:hover{
color: #fff;
}#contenuto_277222{
padding-top:150px;
position:relative;}#contenuto_281041{
overflow:hidden;
}#contenuto_299156{
height:40px;}#contenuto_277172{
background-size:cover;
background-image:url(http://www.biositalia.com/source/sf-kitchen-dx.jpg);
background-repeat:no-repeat;
background-position:top left;}#contenuto_277178{
background-size:cover;
background-image:url(http://www.biositalia.com/source/sf-kitchen-sx.jpg);
background-repeat:no-repeat;
background-position:top right;}#contenuto_277173{
background-image:url(http://www.biositalia.com/source/kitchen-3.jpg);}#contenuto_279574{
font-size:15px;
word-wrap:break-word;
padding:0 10px;}#contenuto_279574 img{
display:block;
max-height:145px;
margin:20px auto;
margin-top:0;}#contenuto_279574 a:link{
color: #333;
}#contenuto_279574 a:visited{
color: #333;
}#contenuto_279574 a:hover{
color: #333;
text-decoration: underline;
}#contenuto_277400{
line-height:240px;}#contenuto_277375{
left:0;
position:absolute;
}#contenuto_277375 img{
max-height:100px;}#contenuto_281014{
background-size:cover;
background-image:url(http://www.biositalia.com/source/sf-produzione-sx.jpg);
background-repeat:no-repeat;
background-position:top right;
}#contenuto_281014 a:link{
color: #fff;
}#contenuto_281014 a:visited{
color: #fff;
}#contenuto_281014 a:hover{
color: #fff;
text-decoration: underline;
}#contenuto_277149 img{
display:inline;}#contenuto_277149 a{
display:block;}#contenuto_277233{
padding:40px 0;}#contenuto_277233 a:link{
color: #333;
}#contenuto_277233 a:visited{
color: #333;
}#contenuto_277233 a:hover{
color: #333;
}#contenuto_280821{
background-size:cover;
background-image:url(http://www.biositalia.com/source/sf-produzione-sx.jpg);
background-repeat:no-repeat;
background-position:top right;
}#contenuto_280821 a:link{
color: #fff;
}#contenuto_280821 a:visited{
color: #fff;
}#contenuto_280821 a:hover{
color: #fff;
text-decoration: underline;
}#contenuto_277128{
padding-top:150px;
position:relative;}#contenuto_277221{
margin:40px 0;}#contenuto_278097 .news-tit{
display:block;
padding:15px 0;}#contenuto_278097 b{
font-weight:bold;}#contenuto_278097 .boxOff{
padding:0 5px;}#contenuto_278097 .pulsante{
color:#fff !Important;
margin:40px auto;}#contenuto_278097 .cont-img img{
display:inline;}#contenuto_278097 a.bgzoom{
display:block;}#contenuto_278097 .cont-img{
padding-top:15px;}#contenuto_278097 .sottotitolo{
margin:5px 0;}#contenuto_278097 .titolo{
line-height:21px;
font-size:18px;
margin-top:20px;}#contenuto_278097 a:link{
color: #949494;
}#contenuto_278097 a:visited{
color: #949494;
}#contenuto_278097 a:hover{
color: #A48250;
}#contenuto_281009{
color:#949494;
margin:40px 0;
}#contenuto_281009 a.bgzoom{
display:block;}#contenuto_281009 .cont-img{
padding-top:15px;}#contenuto_281009 .sottotitolo{
margin:5px 0;}#contenuto_281009 .titolo{
line-height:21px;
font-size:18px;
min-height:45px;
margin-top:20px;}#contenuto_281009 .boxOff{
padding:0 15px;}#contenuto_281009 .pulsante{
color:#fff !Important;
margin:40px auto;}#contenuto_281009 .cont-img img{
display:inline;}#contenuto_281009 .news-tit{
display:block;
padding:15px 0;}#contenuto_281009 b{
font-weight:bold;}#contenuto_281009 .txt-sezione{
color:#808080;}#contenuto_281009 a:link{
color: #808080;
}#contenuto_281009 a:visited{
color: #808080;
}#contenuto_281009 a:hover{
color: #A48250;
}#contenuto_277180{
padding:40px 0;}#contenuto_277180 a:link{
color: #333;
}#contenuto_277180 a:visited{
color: #333;
}#contenuto_277180 a:hover{
color: #333;
}#contenuto_277372{
font-size:23px;
margin-top:20px;}#contenuto_277120 a{
display:block;}#contenuto_277120 img{
display:inline;}#contenuto_277176 img{
display:inline;}#contenuto_277176 a{
display:block;}#contenuto_277401{
left:0;
position:absolute;
}#contenuto_277401 img{
max-height:100px;}#contenuto_281011{
color:#949494;
}#contenuto_281011 .pulsante{
margin:40px auto;}#contenuto_279954{
display:none;
height:80px;
}
.voce_menu_23239{
}.voce_menu_22771{
}.voce_menu_22731{
}.voce_menu_22724{
}.voce_menu_22723{
}.voce_menu_22722{
}.voce_menu_22721{
}#menu_2077 {}#menu_2077  ul {
display: block;
list-style: none;
z-index: 90
}#menu_2077  ul li {
float: left;
list-style-type: none;
}#menu_2077 li:Hover {
}#menu_2077 ul li a {
float: left;
display: block;
width: auto;
background: transparent;
text-decoration: none;
}/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu_2077  ul li a {
float: none;
}/* End IE5-Mac hack */#menu_2077  ul.level2, #menu_2077 ul.level3 {
position: absolute;
display: none;
z-index:90;
}#menu_2077 ul.level2 li, #menu ul.level3 li {
float: none;
}#menu_2077  ul.level2 li a, #menu ul.level3 li a {}.voce_menu_23240{
}.voce_menu_23037{
}.voce_menu_22767{
}.voce_menu_22735{
}.voce_menu_22734{
}.voce_menu_22733{
}.voce_menu_22732{
}.voce_menu_22725{
}#menu_2078 {}#menu_2078  ul {
display: block;
list-style: none;
z-index: 90
}#menu_2078  ul li {
float: left;
list-style-type: none;
}#menu_2078 li:Hover {
}#menu_2078 ul li a {
float: left;
display: block;
width: auto;
background: transparent;
text-decoration: none;
}/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu_2078  ul li a {
float: none;
}/* End IE5-Mac hack */#menu_2078  ul.level2, #menu_2078 ul.level3 {
position: absolute;
display: none;
z-index:90;
}#menu_2078 ul.level2 li, #menu ul.level3 li {
float: none;
}#menu_2078  ul.level2 li a, #menu ul.level3 li a {}.voce_menu_24123{
}.voce_menu_23241{
}.voce_menu_22761{
}.voce_menu_22760{
}.voce_menu_22759{
}.voce_menu_22758{
}.voce_menu_22757{
}.voce_menu_22756{
}#menu_2075 {}#menu_2075  ul {
display: block;
list-style: none;
z-index: 90
}#menu_2075  ul li {
float: left;
list-style-type: none;
}#menu_2075 li:Hover {
}#menu_2075 ul li a {
float: left;
display: block;
width: auto;
background: transparent;
text-decoration: none;
}/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu_2075  ul li a {
float: none;
}/* End IE5-Mac hack */#menu_2075  ul.level2, #menu_2075 ul.level3 {
position: absolute;
display: none;
z-index:90;
}#menu_2075 ul.level2 li, #menu ul.level3 li {
float: none;
}#menu_2075  ul.level2 li a, #menu ul.level3 li a {}.voce_menu_25339{
}.voce_menu_23095{
}.voce_menu_22754{
}.voce_menu_22753{
}.voce_menu_22730{
}.voce_menu_22727{
}#menu_2076 {}#menu_2076  ul {
display: block;
list-style: none;
z-index: 90
}#menu_2076  ul li {
float: left;
list-style-type: none;
}#menu_2076 li:Hover {
}#menu_2076 ul li a {
float: left;
display: block;
width: auto;
background: transparent;
text-decoration: none;
}/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu_2076  ul li a {
float: none;
}/* End IE5-Mac hack */#menu_2076  ul.level2, #menu_2076 ul.level3 {
position: absolute;
display: none;
z-index:90;
}#menu_2076 ul.level2 li, #menu ul.level3 li {
float: none;
}#menu_2076  ul.level2 li a, #menu ul.level3 li a {}.foto-1{}
.foto-3{}
.foto-4{}
.foto-6{}
.miniatura{}
.produzione{}
.certificazioni{}
.private-label{}
.foto-2{}
.foto-5{}
.colonna-sx{}
.catalogo{}
.nav{}
.area-riservata{}
.ico-kitchen{}
.ico-produzione{}
.logo-bloc{}
.kitchen{}
.ico-cafe{}
.transition{}
.arrow-top{}
.chi-siamo{}
.casa{}
.filosofia{}
.fullWidth{}
.testo{}
.grey{}
.blocco{}
.elenco-offerte{}
.login{}
.prodotto{}
.op_block{}
.elenco-piatti{}
.social{}
.news{}
.about-us{}
.menu{}
.sfondo{}
.gallery{}
.contacts{}
.proposte{}
.distribuzione{}
.linee{}
.grani{}
.produzione-blk{}
.cafe{}
.logo-generico{}
.menu-listino{}
.bottone-chiama{}/* Media query - Smartphone */@media screen and (max-width: 767px) {
#contenuto_298443{
padding-top:0;}
#contenuto_281002 .ico-social{
top:auto;}
#contenuto_280991 .ico-social{
top:auto;}
#contenuto_277221{
margin:25px 0;}
#contenuto_277092{
text-align:center;
left:auto;
position:relative;}
#contenuto_280989{
margin:25px 5px;}
#contenuto_280989 .ico-social{
top:auto;}
#contenuto_280990 .ico-social{
top:auto;}
#contenuto_280990{
margin:25px 5px;}
#contenuto_298471{
text-align:center;
left:auto;
position:relative;}
#contenuto_276853{
padding-top:25px;}
#contenuto_276918 .slick-slide{
text-align:center;}
#contenuto_276866{
font-weight:bold;
font-size:19px;
margin-top:0;}#contenuto_276866 a:link{
color: #525252;
}#contenuto_276866 a:visited{
color: #525252;
}#contenuto_276866 a:hover{
color: #A48250;
}
#contenuto_276865{
display:none !important;
line-height:normal;}
#contenuto_277012 .download{
margin:10px 0;}
#contenuto_277025 h4{
font-size:19px;}
#contenuto_277036{
padding-top:0;}
#contenuto_298453{
padding:25px 5px;}#contenuto_298453 a:link{
color: #333;
}#contenuto_298453 a:visited{
color: #333;
}#contenuto_298453 a:hover{
color: #333;
}
#contenuto_298470 img{
max-height:100px;
margin:15px 0;}
#contenuto_277124{
padding:25px 5px;}
#contenuto_277128{
padding-top:0;}
#contenuto_277129{
text-align:center;
line-height:normal;}
#contenuto_277151{
padding:25px 5px;}#contenuto_277151 a:link{
color: #333;
}#contenuto_277151 a:visited{
color: #333;
}#contenuto_277151 a:hover{
color: #333;
}
#contenuto_277155{
text-align:center;
margin:25px 5px;}
#contenuto_277169{
padding-top:0;}
#contenuto_277180{
padding:25px 5px;}#contenuto_277180 a:link{
color: #333;
}#contenuto_277180 a:visited{
color: #333;
}#contenuto_277180 a:hover{
color: #333;
}
#contenuto_277219{
text-align:center;
margin:25px 5px;}
#contenuto_277222{
padding-top:0;}
#contenuto_277223{
line-height:normal;
margin:15px 0;}
#contenuto_277233{
padding:25px 5px;}#contenuto_277233 a:link{
color: #333;
}#contenuto_277233 a:visited{
color: #333;
}#contenuto_277233 a:hover{
color: #333;
}
#contenuto_277138{
height:250px;}#contenuto_277138 a:link{
color: #fff;
}#contenuto_277138 a:visited{
color: #fff;
}#contenuto_277138 a:hover{
color: #D6D0BA;
}
#contenuto_277246 .box{
top:0;}
#contenuto_277269{
text-align:center;
margin:25px 5px;}
#contenuto_277246 .titolo{
line-height:22px;
font-size:18px;}
#contenuto_277129 img{
max-height:100px;
margin:15px 0;}
#contenuto_277401{
text-align:center;
left:auto;
position:relative;}
#contenuto_277375{
text-align:center;
left:auto;
position:relative;}
#blk_38041{
padding-right:0px;}
#blk_38042{
padding-right:0;
padding-left:0;}
#contenuto_277373{
padding-left:10px;}
#contenuto_277400 img{
max-height:100px;
margin:15px 0;}
#contenuto_277405{
text-align:center;
left:auto;
position:relative;}
#contenuto_277223 img{
max-height:100px;}
#contenuto_277400{
text-align:center;
line-height:normal;}
#blk_38070{
display:none;}
#blk_37918{
margin-top:0;}
#blk_37894{
left:auto;
top:auto;
right:auto;
position:relative;}
#contenuto_278207{
height:260px;}#contenuto_278207 a:link{
color: #fff;
}#contenuto_278207 a:visited{
color: #fff;
}#contenuto_278207 a:hover{
color: #D6D0BA;
}
#contenuto_279573{
margin:20px 0;}#contenuto_279573 a:link{
color: #333;
}#contenuto_279573 a:visited{
color: #333;
}#contenuto_279573 a:hover{
color: #333;
text-decoration: underline;
}
#contenuto_277255 .ico img{
margin:20px 6px;}
#contenuto_276971 h2{
font-size:22px;}
#contenuto_276921 .pulsante{
margin:25px auto;}
#contenuto_276918 h3{
height:auto;
padding:10px 0;}
#contenuto_276918 .scopri-news-bios{
margin:0 auto;}
#contenuto_276919 .scopri-news-bios{
margin:0 auto;}
#contenuto_276919 h3{
height:auto;
padding:10px 0;}
#contenuto_276919 .slick-slide{
text-align:center;}
#contenuto_276924 .scopri-news-bios{
margin:0 auto;}
#contenuto_276924 h3{
height:auto;
padding:10px 0;}
#contenuto_276924 .slick-slide{
text-align:center;}
#contenuto_276958 .scopri-news-bios{
margin:0 auto;}
#contenuto_276958 h3{
height:auto;
padding:10px 0;}
#contenuto_276958 .slick-slide{
text-align:center;}
#contenuto_277027 .pulsante{
margin:25px auto;}
#blk_37910{
margin-top:60px;}
#blk_37916{
padding:20px 5px;}
#contenuto_276873{
padding:8px 5px;}
#contenuto_276875{
padding:8px 5px;}
#contenuto_276913 h3{
height:auto;
padding:10px 0;}
#contenuto_276913 .slick-slide{
text-align:center;}
#contenuto_276913 .scopri-news-bios{
margin:0 auto;}
#contenuto_276998{
padding-bottom:25px;}
#blk_37903{
padding:20px 5px;}
#blk_37913{
padding-top:0;}
#contenuto_277013{
text-align:center;
margin-top:10px;}#contenuto_277013 a:link{
color: #5D3102;
}#contenuto_277013 a:visited{
color: #5D3102;
}#contenuto_277013 a:hover{
color: #5D3102;
text-decoration: underline;
}
#contenuto_278207 .pulsante{
line-height:30px;
font-size:16px;
margin:10px auto;}
#contenuto_278207 .sf-news{
padding:28px 5px;}
#contenuto_278207 .sottotitolo{
text-shadow:1px 1px 1px #333;
font-size:15px;
margin:10px 0;}
#contenuto_278207 .slide-3{
padding-top:35px;}
#contenuto_278207 .slide-1{
padding-top:70px;}
#contenuto_278207 .titolo{
letter-spacing:0;
line-height:18px;
text-shadow:1px 1px 1px #212121;
font-size:16px;
min-height:1px;
margin-top:0;}
#contenuto_280143{
text-align:center;
margin-top:10px;}#contenuto_280143 a:link{
color: #AD8C3D;
}#contenuto_280143 a:visited{
color: #AD8C3D;
}#contenuto_280143 a:hover{
color: #AD8C3D;
text-decoration: underline;
}
#contenuto_280144{
text-align:center;
margin-top:10px;}#contenuto_280144 a:link{
color: #44762D;
}#contenuto_280144 a:visited{
color: #44762D;
}#contenuto_280144 a:hover{
color: #44762D;
text-decoration: underline;
}
#contenuto_280145{
text-align:center;
margin-top:10px;}#contenuto_280145 a:link{
color: #9F7362;
}#contenuto_280145 a:visited{
color: #9F7362;
}#contenuto_280145 a:hover{
color: #9F7362;
text-decoration: underline;
}
#contenuto_280834 div{
max-width:100%;}
#contenuto_277096{
text-align:center;
margin:25px 5px;}
#contenuto_277138 .titolo{
line-height:22px;
font-size:18px;}
#contenuto_277138 .sf-news{
padding:20px 5px;}
#contenuto_277138 .pulsante{
margin:25px auto;
margin-left:0;}
#contenuto_277374{
border-left:0px;
padding-left:10px;}#contenuto_277374 a:link{
color: #fff;
}#contenuto_277374 a:visited{
color: #fff;
}#contenuto_277374 a:hover{
color: #fff;
}
#contenuto_277025 img{
max-height:115px;}
#contenuto_276874{
padding:8px 5px;}
#contenuto_277006 hr{
margin:15px auto;}
#contenuto_280989 .blog{
display:block;}
#contenuto_280990 .blog{
display:block;}
#contenuto_280991 .blog{
display:block;}
#contenuto_280991{
margin:25px 5px;}
#contenuto_281002 .blog{
display:block;}
#contenuto_281002{
margin:25px 5px;}
#contenuto_281008{
margin-bottom:25px;}
#contenuto_281009{
margin:25px 5px;}#contenuto_281009 a:link{
color: #808080;
}#contenuto_281009 a:visited{
color: #808080;
}#contenuto_281009 a:hover{
color: #A48250;
}
#contenuto_281011 .pulsante{
margin:25px auto;}
#contenuto_294224 .testo-mappa{
text-align:center;}
#contenuto_294224 .mappa{
text-align:center;}
#contenuto_294224{
overflow:hidden;}
#contenuto_294224 .titolo{
font-size:18px;}
#contenuto_294224 .menu-d{
top:-18px;
right:-18px;}
#contenuto_282723{
margin:20px 0;}#contenuto_282723 a:link{
color: #333;
}#contenuto_282723 a:visited{
color: #333;
}#contenuto_282723 a:hover{
color: #333;
text-decoration: underline;
}
#contenuto_283176{
font-weight:bold;
font-size:19px;}#contenuto_283176 a:link{
color: #525252;
}#contenuto_283176 a:visited{
color: #525252;
}#contenuto_283176 a:hover{
color: #A48250;
}
#contenuto_298435 .menu-d{
top:-18px;
right:-18px;}
#contenuto_298435 .mappa{
text-align:center;}
#contenuto_298435 .testo-mappa{
text-align:center;}
#contenuto_298435 .titolo{
font-size:18px;}
#contenuto_298435{
overflow:hidden;}
#contenuto_298470{
text-align:center;
line-height:normal;}
#contenuto_298441{
text-align:center;
margin-top:10px;}#contenuto_298441 a:link{
color: #44762D;
}#contenuto_298441 a:visited{
color: #44762D;
}#contenuto_298441 a:hover{
color: #44762D;
text-decoration: underline;
}
#contenuto_299085 h1{
font-size:30px;}
#contenuto_299884{
padding:25px 5px;}#contenuto_299884 a:link{
color: #333;
}#contenuto_299884 a:visited{
color: #333;
}#contenuto_299884 a:hover{
color: #333;
}
}/* Media query - Tablet */@media screen and (min-width: 768px) and (max-width: 991px) {
#contenuto_298441{
text-align:center;
margin-top:10px;}#contenuto_298441 a:link{
color: #44762D;
}#contenuto_298441 a:visited{
color: #44762D;
}#contenuto_298441 a:hover{
color: #44762D;
text-decoration: underline;
}
#contenuto_298443{
padding-top:0;}
#contenuto_277221{
margin:35px 0;}
#contenuto_276866{
font-weight:bold;
font-size:18px;
margin-top:0;}#contenuto_276866 a:link{
color: #525252;
}#contenuto_276866 a:visited{
color: #525252;
}#contenuto_276866 a:hover{
color: #A48250;
}
#contenuto_277138 .sf-news{
padding:45px 60px;}
#contenuto_277138 .titolo{
line-height:31px;
font-size:27px;}
#contenuto_280989{
margin:35px 5px;}
#contenuto_280990{
margin:35px 5px;}
#contenuto_277013{
text-align:center;
margin-top:10px;}#contenuto_277013 a:link{
color: #5D3102;
}#contenuto_277013 a:visited{
color: #5D3102;
}#contenuto_277013 a:hover{
color: #5D3102;
text-decoration: underline;
}
#contenuto_276918 .scopri-news-bios{
margin:0 auto;}
#contenuto_298453{
padding:35px 5px;}#contenuto_298453 a:link{
color: #333;
}#contenuto_298453 a:visited{
color: #333;
}#contenuto_298453 a:hover{
color: #333;
}
#contenuto_276853{
padding-top:180px;}
#contenuto_276918 .slick-slide{
text-align:center;}
#contenuto_277036{
padding-top:0;}
#contenuto_277092{
text-align:center;
left:auto;
position:relative;}
#contenuto_298470 img{
margin:15px 0;}
#contenuto_298470{
text-align:center;
line-height:normal;}
#contenuto_277124{
padding:35px 5px;}
#contenuto_277128{
padding-top:0;}
#contenuto_277129{
text-align:center;
line-height:normal;}
#contenuto_277155{
text-align:center;
margin:35px 5px;}
#contenuto_277169{
padding-top:0;}
#contenuto_277180{
padding:35px 5px;}#contenuto_277180 a:link{
color: #333;
}#contenuto_277180 a:visited{
color: #333;
}#contenuto_277180 a:hover{
color: #333;
}
#contenuto_277219{
text-align:center;
margin:35px 5px;}
#contenuto_277246 .box{
left:60px;}
#contenuto_277222{
padding-top:0;}
#contenuto_277223{
line-height:normal;
margin:15px 0;}
#contenuto_277246 .titolo{
line-height:31px;
font-size:27px;}
#contenuto_277138{
height:350px;}#contenuto_277138 a:link{
color: #fff;
}#contenuto_277138 a:visited{
color: #fff;
}#contenuto_277138 a:hover{
color: #D6D0BA;
}
#contenuto_277269{
text-align:center;
margin:35px 5px;}
#contenuto_277129 img{
margin:15px 0;}
#contenuto_277375{
text-align:center;
left:auto;
position:relative;}
#contenuto_277401{
text-align:center;
left:auto;
position:relative;}
#contenuto_277400 img{
margin:15px 0;}
#contenuto_277405{
text-align:center;
left:auto;
position:relative;}
#blk_37894{
left:auto;
top:auto;
right:auto;
position:relative;}
#contenuto_278207{
height:300px;}#contenuto_278207 a:link{
color: #fff;
}#contenuto_278207 a:visited{
color: #fff;
}#contenuto_278207 a:hover{
color: #D6D0BA;
}
#contenuto_276921 .pulsante{
margin:30px auto;}
#contenuto_276918 h3{
height:auto;
padding:10px 0;}
#contenuto_276919 .scopri-news-bios{
margin:0 auto;}
#contenuto_276919 h3{
height:auto;
padding:10px 0;}
#contenuto_276919 .slick-slide{
text-align:center;}
#contenuto_276924 .scopri-news-bios{
margin:0 auto;}
#contenuto_276958 .scopri-news-bios{
margin:0 auto;}
#contenuto_276958 h3{
height:auto;
padding:10px 0;}
#contenuto_276958 .slick-slide{
text-align:center;}
#contenuto_277027 .pulsante{
margin:30px auto;}
#blk_37910{
margin-top:60px;}
#blk_37916{
padding:30px 5px;}
#contenuto_276913 .slick-slide{
text-align:center;}
#contenuto_276913 .scopri-news-bios{
margin:0 auto;}
#contenuto_276913 h3{
height:auto;
padding:10px 0;}
#contenuto_276998{
padding-bottom:25px;}
#contenuto_276865{
display:none !important;
line-height:normal;}
#blk_37903{
padding:30px 5px;}
#blk_37913{
padding-top:0;}
#blk_37918{
margin-top:0;}
#contenuto_278207 .titolo{
line-height:31px;
font-size:27px;}
#contenuto_278207 .pulsante{
margin:20px 0;}
#contenuto_278207 .sf-news{
padding:25px 60px;}
#contenuto_280143{
text-align:center;
margin-top:10px;}#contenuto_280143 a:link{
color: #AD8C3D;
}#contenuto_280143 a:visited{
color: #AD8C3D;
}#contenuto_280143 a:hover{
color: #AD8C3D;
text-decoration: underline;
}
#contenuto_280144{
text-align:center;
margin-top:10px;}#contenuto_280144 a:link{
color: #44762D;
}#contenuto_280144 a:visited{
color: #44762D;
}#contenuto_280144 a:hover{
color: #44762D;
text-decoration: underline;
}
#contenuto_280145{
text-align:center;
margin-top:10px;}#contenuto_280145 a:link{
color: #9F7362;
}#contenuto_280145 a:visited{
color: #9F7362;
}#contenuto_280145 a:hover{
color: #9F7362;
text-decoration: underline;
}
#contenuto_280834 div{
max-width:100%;}
#contenuto_277096{
text-align:center;
margin:35px 5px;}
#contenuto_277400{
text-align:center;
line-height:normal;}
#contenuto_276924 h3{
height:auto;
padding:10px 0;}
#contenuto_276924 .slick-slide{
text-align:center;}
#contenuto_280991{
margin:35px 5px;}
#contenuto_281002{
margin:35px 5px;}
#contenuto_281008{
margin-bottom:30px;}
#contenuto_281009{
margin:30px 5px;}#contenuto_281009 a:link{
color: #808080;
}#contenuto_281009 a:visited{
color: #808080;
}#contenuto_281009 a:hover{
color: #A48250;
}
#contenuto_281011 .pulsante{
margin:30px auto;}
#contenuto_277233{
padding:35px 5px;}#contenuto_277233 a:link{
color: #333;
}#contenuto_277233 a:visited{
color: #333;
}#contenuto_277233 a:hover{
color: #333;
}
#contenuto_277151{
padding:35px 5px;}#contenuto_277151 a:link{
color: #333;
}#contenuto_277151 a:visited{
color: #333;
}#contenuto_277151 a:hover{
color: #333;
}
#contenuto_283176{
font-weight:bold;
font-size:18px;}#contenuto_283176 a:link{
color: #525252;
}#contenuto_283176 a:visited{
color: #525252;
}#contenuto_283176 a:hover{
color: #A48250;
}
#contenuto_298471{
text-align:center;
left:auto;
position:relative;}
#contenuto_299884{
padding:35px 5px;}#contenuto_299884 a:link{
color: #333;
}#contenuto_299884 a:visited{
color: #333;
}#contenuto_299884 a:hover{
color: #333;
}
}/* Media query - Desktop */@media screen and (min-width: 992px) and (max-width: 1199px) {
#contenuto_298453{
padding:40px 5px;}#contenuto_298453 a:link{
color: #333;
}#contenuto_298453 a:visited{
color: #333;
}#contenuto_298453 a:hover{
color: #333;
}
#contenuto_276918 h3{
height:100px;}
#contenuto_276829{
text-align:left;}
#contenuto_276958 h3{
height:100px;}
#contenuto_276906{
text-align:left;}
#contenuto_276906 h1{
text-align:left;}
#contenuto_277124{
padding:40px 5px;}
#contenuto_277138 .sf-news{
padding:45px 60px;}
#contenuto_277151{
padding:40px 5px;}#contenuto_277151 a:link{
color: #333;
}#contenuto_277151 a:visited{
color: #333;
}#contenuto_277151 a:hover{
color: #333;
}
#contenuto_277155{
margin-top:50px;}
#contenuto_277180{
padding:40px 5px;}#contenuto_277180 a:link{
color: #333;
}#contenuto_277180 a:visited{
color: #333;
}#contenuto_277180 a:hover{
color: #333;
}
#contenuto_277219{
margin:40px 5px;
margin-top:50px;}
#contenuto_277138{
height:450px;}#contenuto_277138 a:link{
color: #fff;
}#contenuto_277138 a:visited{
color: #fff;
}#contenuto_277138 a:hover{
color: #D6D0BA;
}
#contenuto_277246 .box{
left:60px;}
#contenuto_277246 .titolo{
line-height:33px;
font-size:30px;}
#contenuto_277269{
margin:40px 5px;
margin-top:50px;}
#contenuto_276919 h3{
height:100px;}
#contenuto_276924 h3{
height:100px;}
#contenuto_276829 h1{
text-align:left;}
#contenuto_276965 h1{
text-align:left;}
#contenuto_276965{
text-align:left;}
#contenuto_276845 .cont-offer-dett{
padding:0 25px;}
#contenuto_276913 h3{
height:100px;}
#contenuto_278207 .titolo{
line-height:33px;
font-size:30px;}
#contenuto_278207 .sf-news{
padding:25px 60px;}
#contenuto_277096{
margin-top:50px;}
#contenuto_277138 .titolo{
line-height:33px;
font-size:30px;}
#contenuto_281009{
margin:40px 5px;}#contenuto_281009 a:link{
color: #808080;
}#contenuto_281009 a:visited{
color: #808080;
}#contenuto_281009 a:hover{
color: #A48250;
}
#contenuto_277233{
padding:40px 5px;}#contenuto_277233 a:link{
color: #333;
}#contenuto_277233 a:visited{
color: #333;
}#contenuto_277233 a:hover{
color: #333;
}
#contenuto_277092{
text-align:center;
left:auto;
position:relative;}
#contenuto_299085{
padding-top:100px;}#contenuto_299085 a:link{
color: #FFFFFF;
text-decoration: underline;
}#contenuto_299085 a:visited{
color: #FFFFFF;
text-decoration: underline;
}#contenuto_299085 a:hover{
color: #FFFFFF;
text-decoration: none;
}
#contenuto_299884{
padding:40px 5px;}#contenuto_299884 a:link{
color: #333;
}#contenuto_299884 a:visited{
color: #333;
}#contenuto_299884 a:hover{
color: #333;
}
}/* Media query - Large Desktop */@media screen and (min-width: 1200px) {
#contenuto_276906 h1{
text-align:left;}
#contenuto_276906{
text-align:left;}
#contenuto_276829 h1{
text-align:left;}
#contenuto_276829{
text-align:left;}
#contenuto_276965 h1{
text-align:left;}
#contenuto_276965{
text-align:left;}
#contenuto_276845 .cont-offer-dett{
padding:0 25px;}
#contenuto_277219{
margin-top:50px;}
#contenuto_277155{
margin-top:50px;}
#contenuto_277269{
margin-top:50px;}
#contenuto_277096{
margin-top:50px;}
#contenuto_294224 .mappa{
text-align:right;}
#contenuto_298435 .mappa{
text-align:right;}
#contenuto_299085{
padding-top:190px;}#contenuto_299085 a:link{
color: #FFFFFF;
text-decoration: underline;
}#contenuto_299085 a:visited{
color: #FFFFFF;
text-decoration: underline;
}#contenuto_299085 a:hover{
color: #FFFFFF;
text-decoration: none;
}
}/* generali */
.cat_fl{
float:left;
}
.cat_cb {
clear:both;
}.cat_ChiudiDiv {
text-align: right;
margin-bottom: 10px;
}/* zoom foto scheda prodotto */
#cat_zoom_gallery a {
border:1px solid #eeeeee;
display:inline-block;
}
#cat_zoom_gallery a.zoomGalleryActive{
border:1px solid #FFCC00;
}
#cat_zoom_gallery a img {
display:block;
}
#noCookieMsg {
position:fixed;
background-color: orange;
color:#fff;
text-align: center;
line-height:1.5;
padding: 3px 0;
width: 100%;
bottom:0;
left:0;
z-index:10000;
}#wishlistAddProdotto .msg_text {
margin-bottom:13px;
font-weight: bold;
}
#wishlistAddProdotto .msg_link {
margin:10px 0;
}/* riquadri prodotti */
.cat_clearRiga {
clear:both;
}/* account */
.voce_my_account {
margin:10px 0;
padding-bottom:10px;
border-bottom:1px solid #cccccc;
}
.ico_account {
margin-right:10px;
}
.cat_stars_wrap {
display:none;
}
.cat_star{
width:44px;
height:44px;
display:inline-block;
background-image:url("https://backoffice3.titanka.com/catalog/img/star_b.png");
}
.cat_star.selected{
background-image:url("https://backoffice3.titanka.com/catalog/img/star_g.png");
}
.cat_star.active{
background-image:url("https://backoffice3.titanka.com/catalog/img/star_a.png");
}
.cat_recensione_prodotto {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ddd;
}
.cat_recensione_prodotto_c1 {
width:200px;
margin-right: 10px;
}
.cat_recensione_prodotto_c2 {
width:500px;
}
.cat_star_rating {
height:19px;
width:96px;
display: inline-block;
}
.cat_star_rating_05, .cat_star_rating_15, .cat_star_rating_25, .cat_star_rating_35, .cat_star_rating_45 {
background-image:url("https://backoffice3.titanka.com/catalog/img/stelle_mezze.png");
}
.cat_star_rating_10, .cat_star_rating_20, .cat_star_rating_30, .cat_star_rating_40, .cat_star_rating_50 {
background-image:url("https://backoffice3.titanka.com/catalog/img/stelle_piene.png");
}
.cat_star_rating_05, .cat_star_rating_10{
background-position: -76px 0;
}
.cat_star_rating_15, .cat_star_rating_20{
background-position: -57px 0;
}
.cat_star_rating_25, .cat_star_rating_30{
background-position: -38px 0;
}
.cat_star_rating_35, .cat_star_rating_40{
background-position: -19px 0;
}
.cat_star_rating_45, .cat_star_rating_50{
background-position: 0 0;
}/* login guest */
.col_sx_login_registrazione{
float:left;
width:34%;
}
.guest_login_form {
width:80%;
text-align:left;
margin-left:auto;
margin-right:auto;
}
.wrapper_link_registrazione{
margin-top:40px;
padding-top:20px;
}
.col_dx_reg_guest {
float:left;
width:45%;
}
.cat_barrato {
text-decoration:line-through;
}/* autocomplete ricerca */
.cat_autocomp_el {
font-size:90%;
}
.cat_autocomp_img{}
.cat_autocomp_img_wrap {
width:44px;
display:inline-block;
background-color:#fff;
border:1px solid #cccccc;
padding:2px 0;
text-align:center;
}.email_conferma_ordine{
margin:20px 0;
padding:10px;
border:1px solid #cccccc;
}
.email_conferma_ordine .titoloParagrafo {
margin:5px 0px;
padding:3px;
color:#000;
background-color:#efefef;
font-weight:bold;
border-bottom:1px solid #cccccc;
}
.email_conferma_ordine .cat_evidenziaPremio {
font-weight:bold;
color:#0000CC;
}.cat_pagination {
margin:0;
padding:0;
}
.cat_pagination > li {
display: inline;
list-style: none;
}
.cat_pagination > li > a, .cat_pagination > li > span{
padding: 6px 8px;
}
.cat_pag_prodotti {
margin: 10px 0px;
clear: both;
}#darkLayer {
background-color: #555555;
opacity: 0.6;
}.cat_text_right {
text-align: right;
}#opz_after_add_cart {
margin-top: 20px;
}
.opz_prosegui {
float: left;
text-align: left;
width: 40%;
}
.opz_carrello{
float: right;
text-align: right;
width: 40%;
}
.opz_prosegui a,
.opz_carrello a {
font-size: 1.2em;
}.headFormTitle {
font-weight: bold;
}
.wrapForm {
text-align: left;
margin-bottom: 10px;
}#FormAddCartWrapper .labelForm,
#FormAddCartWrapper .fieldForm {
width: 45%;
}/* blocca scorrimento body in caso di popup aperto */
.darklayer-open{
overflow: hidden;
}
/* http://davidwalsh.name/detect-scrollbar-width */
.cat-scrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px;
}/* messaggio chiusura per ferie in carrello */
.cat_msg_ferie {
margin: 10px 0;
padding: 15px;
border: 1px solid #faebcc;
background-color: #fcf8e3;
color: #8a6d3b;
}#custom_product_conf{
width: 100%;
height: 500px;
}.cat_dett_ordine_prodotto {
margin-bottom: 10px;
}.cat_indietro {
margin-top: 10px;
}.cat-btn-cart-del {
background-image: url("https://backoffice3.titanka.com/catalog/img/cart_cancel.png");
background-repeat: no-repeat;
background-position: center;
width: 35px;
height: 35px;
display: inline-block;
cursor: pointer;
}.cat-formprev .cat_modulo {
width: 50%;
}
.cat-formprev textarea.cat_modulo {
height: 100px;
}.cat-forminfo .cat_modulo {
width: 96%;
}
.cat-forminfo textarea.cat_modulo {
height: 100px;
}.cat-reguser .cat_modulo,
.cat-reguser-guest .cat_modulo,
.cat-formaddress .cat_modulo {
width: 100%;
box-sizing: border-box;
}
.cat-reguser .cat-codicefiscale,
.cat-reguser-guest .cat-codicefiscale {
width: 94%;
float: left;
}
.cat-reguser-guest .cat-codicefiscale {
width: 78%;
}
.cat-reguser .cat-calcola-cf,
.cat-reguser-guest .cat-calcola-cf {
background-image: url("https://admin.abc.sm/img/icone/icona-codice-fiscale.png");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
display: block;
float: left;
height: 25px;
margin-left: 1%;
width: 5%;
}
.cat-reguser-guest .cat-calcola-cf {
float: right;
width: 17%;
margin-left: 0;
}
.cat-reguser .cat-data-nascita {
width: 32%;
}
.cat-reguser .cat-data-nascita + .cat-data-nascita {
margin-left: 2%;
}
.cat-reguser textarea.cat_modulo {
height: 100px;
}
.cat-reguser hr {
width: 90%;
margin-top: 20px;
margin-bottom: 20px;
}.cat-altrafoto img {
border: 0 none;
margin: 5px;
}.cat-formavvisadisponibile {
text-align: left;
}
/* Common style */
figcaption,figure{display:block;}.grid {
position: relative;
margin: 0;
padding: 0;
max-width: 1000px;
float: left;
list-style: none;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}/* Common style */
.grid figure {
position: relative;
overflow: hidden;
margin: 0;
/*min-width: 320px;
max-width: 480px;
max-height: 360px; */
width: auto;
/*background: #3085a3;*/
text-align: center;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}.grid figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
opacity: 0.8;
}.grid figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}.grid figure h2 {
word-spacing: -0.15em;
font-weight: 300;
}.grid figure h2 span {
font-weight: 800;
}.grid figure h2,
.grid figure p {
margin: 0;
}.grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
}/*---------------*/
/***** Lily *****/
/*---------------*/figure.effect-lily img {
max-width: none;
width: -webkit-calc(100% + 50px);
width: calc(100% + 50px);
opacity: 0.7;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px,0, 0);
transform: translate3d(-40px,0,0);
}figure.effect-lily figcaption {
text-align: left;
}figure.effect-lily figcaption > div {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
height: 50%;
}figure.effect-lily h2,
figure.effect-lily p {
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}figure.effect-lily h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}figure.effect-lily p {
color: rgba(255,255,255,0.8);
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}figure.effect-lily:hover img,
figure.effect-lily:hover p {
opacity: 1;
}figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-lily:hover p {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}/*---------------*/
/***** Sadie *****/
/*---------------*/figure.effect-sadie figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
}figure.effect-sadie h2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #484c61;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}figure.effect-sadie figcaption::before,
figure.effect-sadie p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}figure.effect-sadie p {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}figure.effect-sadie:hover h2 {
color: #fff;
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}/*---------------*/
/***** Roxy *****/
/*---------------*/figure.effect-roxy {
background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}figure.effect-roxy img {
max-width: none;
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50px,0,0);
transform: translate3d(-50px,0,0);
}figure.effect-roxy figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-20px,0,0);
transform: translate3d(-20px,0,0);
}figure.effect-roxy figcaption {
padding: 3em;
text-align: left;
}figure.effect-roxy h2 {
padding: 30% 0 10px 0;
}figure.effect-roxy p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
}figure.effect-roxy:hover img {
opacity: 0.7;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}/*---------------*/
/***** Bubba *****/
/*---------------*/figure.effect-bubba {
background: #9e5406;
}figure.effect-bubba img {
opacity: 0.7;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}figure.effect-bubba:hover img {
opacity: 0.4;
}figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}figure.effect-bubba figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}figure.effect-bubba figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}figure.effect-bubba h2 {
padding-top: 30%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
}figure.effect-bubba p {
padding: 20px 2.5em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}/*---------------*/
/***** Romeo *****/
/*---------------*/figure.effect-romeo {
-webkit-perspective: 1000px;
perspective: 1000px;
}figure.effect-romeo img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,0,300px);
transform: translate3d(0,0,300px);
}figure.effect-romeo:hover img {
opacity: 0.6;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 1px;
background: #fff;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}figure.effect-romeo:hover figcaption::before {
opacity: 0.5;
-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
transform: translate3d(-50%,-50%,0) rotate(45deg);
}figure.effect-romeo:hover figcaption::after {
opacity: 0.5;
-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
transform: translate3d(-50%,-50%,0) rotate(-45deg);
}figure.effect-romeo h2,
figure.effect-romeo p {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}figure.effect-romeo h2 {
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}figure.effect-romeo p {
padding: 0.25em 2em;
-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
transform: translate3d(0,-50%,0) translate3d(0,150%,0);
}figure.effect-romeo:hover h2 {
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}figure.effect-romeo:hover p {
-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}/*---------------*/
/***** Layla *****/
/*---------------*/figure.effect-layla {
/*background: #18a367;*/
}figure.effect-layla img {
height: auto;
}figure.effect-layla figcaption {
/*padding: 3em; */
}figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
position: absolute;
content: '';
opacity: 0;
}figure.effect-layla figcaption::before {
top: 50px;
right: 30px;
bottom: 50px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}figure.effect-layla figcaption::after {
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}figure.effect-layla h2 {
padding-top: 26%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}figure.effect-layla p {
padding: 0.5em 2em;
text-transform: none;
opacity: 0;
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
}figure.effect-layla img,
figure.effect-layla h2 {
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}figure.effect-layla:hover img {
opacity: 0.7;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}figure.effect-layla:hover h2,
figure.effect-layla:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}/*---------------*/
/***** Honey *****/
/*---------------*/figure.effect-honey {
/*background: #4a3753; */
}figure.effect-honey img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}figure.effect-honey:hover img {
opacity: 0.5;
}figure.effect-honey figcaption::before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
background: #fff;
content: '';
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}figure.effect-honey h2 {
position: absolute;
bottom: 0;
left: 0;
padding: 1em 1.5em;
width: 100%;
text-align: left;
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}figure.effect-honey h2 i {
font-style: normal;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}figure.effect-honey figcaption::before,
figure.effect-honey h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}/*---------------*/
/***** Oscar *****/
/*---------------*/figure.effect-oscar {
background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}figure.effect-oscar img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}figure.effect-oscar figcaption {
padding: 3em;
background-color: rgba(58,52,42,0.7);
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}figure.effect-oscar figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
}figure.effect-oscar h2 {
margin: 20% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}figure.effect-oscar figcaption::before,
figure.effect-oscar p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
}figure.effect-oscar:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}figure.effect-oscar:hover figcaption {
background-color: rgba(58,52,42,0);
}figure.effect-oscar:hover img {
opacity: 0.4;
}/*---------------*/
/***** Marley *****/
/*---------------*/figure.effect-marley figcaption {
text-align: right;
}figure.effect-marley h2,
figure.effect-marley p {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
}figure.effect-marley p {
bottom: 30px;
line-height: 1.5;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}figure.effect-marley h2 {
top: 30px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}figure.effect-marley:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-marley h2::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}figure.effect-marley h2::after,
figure.effect-marley p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}/*---------------*/
/***** Ruby *****/
/*---------------*/figure.effect-ruby {
/*background-color: #17819c;*/
}figure.effect-ruby img {
opacity: 0.7;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}figure.effect-ruby:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}figure.effect-ruby h2 {
margin-top: 20%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}figure.effect-ruby p {
margin: 1em 0 0;
padding: 3em;
border: 1px solid #fff;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0) scale(1.1);
transform: translate3d(0,20px,0) scale(1.1);
}figure.effect-ruby:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-ruby:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
}/*---------------*/
/***** Milo *****/
/*---------------*/figure.effect-milo {
background: #2e5d5a;
}figure.effect-milo img {
max-width: none;
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-30px,0,0) scale(1.12);
transform: translate3d(-30px,0,0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}figure.effect-milo:hover img {
opacity: 0.5;
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
}figure.effect-milo h2 {
position: absolute;
right: 0;
bottom: 0;
padding: 1em 1.2em;
}figure.effect-milo p {
padding: 0 10px 0 0;
width: 50%;
border-right: 1px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
}figure.effect-milo:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}/*---------------*/
/***** Dexter *****/
/*---------------*/figure.effect-dexter {
background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);
background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%);
}figure.effect-dexter img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}figure.effect-dexter:hover img {
opacity: 0.4;
}figure.effect-dexter figcaption::after {
position: absolute;
right: 30px;
bottom: 30px;
left: 30px;
height: -webkit-calc(50% - 30px);
height: calc(50% - 30px);
border: 7px solid #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}figure.effect-dexter:hover figcaption::after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-dexter figcaption {
padding: 3em;
text-align: left;
}figure.effect-dexter p {
position: absolute;
right: 60px;
bottom: 60px;
left: 60px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,-100px,0);
transform: translate3d(0,-100px,0);
}figure.effect-dexter:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}/*---------------*/
/***** Sarah *****/
/*---------------*/figure.effect-sarah {
background: #42b078;
}figure.effect-sarah img {
max-width: none;
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}figure.effect-sarah:hover img {
opacity: 0.4;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-sarah figcaption {
text-align: left;
}figure.effect-sarah h2 {
position: relative;
overflow: hidden;
padding: 0.5em 0;
}figure.effect-sarah h2::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}figure.effect-sarah:hover h2::after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-sarah p {
padding: 1em 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}figure.effect-sarah:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}/*---------------*/
/***** Zoe *****/
/*---------------*/figure.effect-zoe figcaption {
top: auto;
bottom: 0;
padding: 1em;
height: 3.75em;
background: #fff;
color: #3c4a50;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}figure.effect-zoe h2 {
float: left;
}figure.effect-zoe p.icon-links a {
float: right;
color: #3c4a50;
font-size: 1.4em;
}figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
color: #252d31;
}figure.effect-zoe p.description {
position: absolute;
bottom: 8em;
padding: 2em;
color: #fff;
text-transform: none;
font-size: 90%;
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,200%,0);
transform: translate3d(0,200%,0);
}figure.effect-zoe p.icon-links a span::before {
display: inline-block;
padding: 8px 10px;
font-family: 'feathericons';
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}.icon-eye::before {
content: '\e000';
}.icon-paper-clip::before {
content: '\e001';
}.icon-heart::before {
content: '\e024';
}figure.effect-zoe h2 {
display: inline-block;
}figure.effect-zoe:hover p.description {
opacity: 1;
}figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-zoe:hover h2 {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}figure.effect-zoe:hover p.icon-links a:nth-child(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}figure.effect-zoe:hover p.icon-links a:nth-child(2) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}figure.effect-zoe:hover p.icon-links a:first-child {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}/*---------------*/
/***** Chico *****/
/*---------------*/figure.effect-chico img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}figure.effect-chico:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}figure.effect-chico figcaption {
padding: 3em;
}figure.effect-chico figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
}figure.effect-chico figcaption::before,
figure.effect-chico p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}figure.effect-chico h2 {
padding: 20% 0 20px 0;
}figure.effect-chico p {
margin: 0 auto;
max-width: 200px;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}/*---------------*/
/***** Julia *****/
/*---------------*/figure.effect-julia {
background: #2f3238;
}figure.effect-julia img {
max-width: none;
height: 400px;
-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}figure.effect-julia figcaption {
text-align: left;
}figure.effect-julia h2 {
position: relative;
padding: 0.5em 0;
}figure.effect-julia p {
display: inline-block;
margin: 0 0 0.25em;
padding: 0.4em 1em;
background: rgba(255,255,255,0.9);
color: #2f3238;
text-transform: none;
font-weight: 500;
font-size: 75%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-360px,0,0);
transform: translate3d(-360px,0,0);
}figure.effect-julia p:first-child {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}figure.effect-julia p:nth-of-type(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}figure.effect-julia p:nth-of-type(3) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}figure.effect-julia:hover p:first-child {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}figure.effect-julia:hover p:nth-of-type(2) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}figure.effect-julia:hover p:nth-of-type(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}figure.effect-julia:hover img {
opacity: 0.4;
-webkit-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
}figure.effect-julia:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}/*-----------------*/
/***** Goliath *****/
/*-----------------*/figure.effect-goliath {
background: #df4e4e;
}figure.effect-goliath img,
figure.effect-goliath h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}figure.effect-goliath img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}figure.effect-goliath h2,
figure.effect-goliath p {
position: absolute;
bottom: 0;
left: 0;
padding: 30px;
}figure.effect-goliath p {
text-transform: none;
font-size: 90%;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0);
}figure.effect-goliath:hover img {
-webkit-transform: translate3d(0,-80px,0);
transform: translate3d(0,-80px,0);
}figure.effect-goliath:hover h2 {
-webkit-transform: translate3d(0,-100px,0);
transform: translate3d(0,-100px,0);
}figure.effect-goliath:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}/*-----------------*/
/***** Hera *****/
/*-----------------*/figure.effect-hera {
background: #303fa9;
}figure.effect-hera h2 {
font-size: 158.75%;
}figure.effect-hera h2,
figure.effect-hera p {
position: absolute;
top: 50%;
left: 50%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
}figure.effect-hera figcaption::before {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
border: 2px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
}figure.effect-hera p {
width: 100px;
text-transform: none;
font-size: 121%;
line-height: 2;
}figure.effect-hera p a {
color: #fff;
}figure.effect-hera p a:hover,
figure.effect-hera p a:focus {
opacity: 0.6;
}figure.effect-hera p a i {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}figure.effect-hera p a:first-child i {
-webkit-transform: translate3d(-60px,-60px,0);
transform: translate3d(-60px,-60px,0);
}figure.effect-hera p a:nth-child(2) i {
-webkit-transform: translate3d(60px,-60px,0);
transform: translate3d(60px,-60px,0);
}figure.effect-hera p a:nth-child(3) i {
-webkit-transform: translate3d(-60px,60px,0);
transform: translate3d(-60px,60px,0);
}figure.effect-hera p a:nth-child(4) i {
-webkit-transform: translate3d(60px,60px,0);
transform: translate3d(60px,60px,0);
}figure.effect-hera:hover figcaption::before {
opacity: 1;
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
}figure.effect-hera:hover h2 {
opacity: 0;
-webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}figure.effect-hera:hover p i:empty {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0); /* just because it's stronger than nth-child */
opacity: 1;
}/*-----------------*/
/***** Winston *****/
/*-----------------*/figure.effect-winston {
background: #162633;
text-align: left;
}figure.effect-winston img {
-webkit-transition: opacity 0.45s;
transition: opacity 0.45s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}figure.effect-winston figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(http://admin.abc.sm/cms/library/css_effects/tympanus.net/img/triangle.svg) no-repeat center center;
background-size: 100% 100%;
content: '';
-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
transition: opacity 0.45s, transform 0.45s;
-webkit-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,45deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}figure.effect-winston h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}figure.effect-winston p {
position: absolute;
right: 0;
bottom: 0;
padding: 0 1.5em 7% 0;
}figure.effect-winston a {
margin: 0 10px;
color: #5d504f;
font-size: 170%;
}figure.effect-winston a:hover,
figure.effect-winston a:focus {
color: #cc6055;
}figure.effect-winston p a i {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0);
}figure.effect-winston:hover img {
opacity: 0.6;
}figure.effect-winston:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-winston:hover figcaption::before {
opacity: 0.7;
-webkit-transform: rotate3d(0,0,1,20deg);
transform: rotate3d(0,0,1,20deg);
}figure.effect-winston:hover p i {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-winston:hover p a:nth-child(3) i {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}figure.effect-winston:hover p a:nth-child(2) i {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}figure.effect-winston:hover p a:first-child i {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}/*-----------------*/
/***** Selena *****/
/*-----------------*/figure.effect-selena {
background: #fff;
}figure.effect-selena img {
opacity: 0.95;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}figure.effect-selena:hover img {
-webkit-transform: scale3d(0.95,0.95,1);
transform: scale3d(0.95,0.95,1);
}figure.effect-selena h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}figure.effect-selena p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);
transform: perspective(1000px) rotate3d(1,0,0,90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}figure.effect-selena:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-selena:hover p {
opacity: 1;
-webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
transform: perspective(1000px) rotate3d(1,0,0,0);
}/*-----------------*/
/***** Terry *****/
/*-----------------*/figure.effect-terry {
background: #34495e;
}figure.effect-terry figcaption {
padding: 1em;
}figure.effect-terry figcaption::before,
figure.effect-terry figcaption::after {
position: absolute;
width: 200%;
height: 200%;
border-style: solid;
border-color: #101010;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}figure.effect-terry figcaption::before {
right: 0;
bottom: 0;
border-width: 0 70px 60px 0;
-webkit-transform: translate3d(70px,60px,0);
transform: translate3d(70px,60px,0);
}figure.effect-terry figcaption::after {
top: 0;
left: 0;
border-width: 15px 0 0 15px;
-webkit-transform: translate3d(-15px,-15px,0);
transform: translate3d(-15px,-15px,0);
}figure.effect-terry img,
figure.effect-terry p a {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}figure.effect-terry img {
opacity: 0.85;
}figure.effect-terry h2 {
position: absolute;
bottom: 0;
left: 0;
padding: 0.4em 10px;
width: 50%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}@media screen and (max-width: 920px) {
figure.effect-terry h2 {
padding: 0.75em 10px;
font-size: 120%;
}
}figure.effect-terry p {
float: right;
clear: both;
text-align: left;
text-transform: none;
font-size: 111%;
}figure.effect-terry p a {
display: block;
margin-bottom: 1em;
color: #fff;
opacity: 0;
-webkit-transform: translate3d(90px,0,0);
transform: translate3d(90px,0,0);
}figure.effect-terry p a:hover,
figure.effect-terry p a:focus {
color: #f3cf3f;
}figure.effect-terry:hover figcaption::before,
figure.effect-terry:hover figcaption::after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-terry:hover img {
opacity: 0.6;}figure.effect-terry:hover h2,
figure.effect-terry:hover p a {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-terry:hover p a {
opacity: 1;
}figure.effect-terry:hover p a:first-child {
-webkit-transition-delay: 0.025s;
transition-delay: 0.025s;
}figure.effect-terry:hover p a:nth-child(2) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}figure.effect-terry:hover p a:nth-child(3) {
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}figure.effect-terry:hover p a:nth-child(4) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}/*-----------------*/
/***** Phoebe *****/
/*-----------------*/figure.effect-phoebe {
background: #675983;
}figure.effect-phoebe img {
opacity: 0.85;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}figure.effect-phoebe:hover img {
opacity: 0.6;
}figure.effect-phoebe figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(http://admin.abc.sm/cms/library/css_effects/tympanus.net/img/triangle2.svg) no-repeat center center;
background-size: 100% 100%;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(5,2.5,1);
transform: scale3d(5,2.5,1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}figure.effect-phoebe:hover figcaption::before {
opacity: 0.6;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}figure.effect-phoebe h2 {
margin-top: 1em;
-webkit-transition: transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}figure.effect-phoebe:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-phoebe p a {
color: #fff;
font-size: 140%;
opacity: 0;
position: relative;
display: inline-block;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}figure.effect-phoebe p a:first-child {
-webkit-transform: translate3d(-60px,-60px,0);
transform: translate3d(-60px,-60px,0);
}figure.effect-phoebe p a:nth-child(2) {
-webkit-transform: translate3d(0,60px,0);
transform: translate3d(0,60px,0);
}figure.effect-phoebe p a:nth-child(3) {
-webkit-transform: translate3d(60px,-60px,0);
transform: translate3d(60px,-60px,0);
}figure.effect-phoebe:hover p a {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}/*-----------------*/
/***** Apollo *****/
/*-----------------*/figure.effect-apollo {
background: #3498db;
}figure.effect-apollo img {
opacity: 0.95;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}figure.effect-apollo figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}figure.effect-apollo p {
position: absolute;
right: 0;
bottom: 0;
margin: 3em;
padding: 0 1em;
max-width: 150px;
border-right: 4px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}figure.effect-apollo h2 {
text-align: left;
}figure.effect-apollo:hover img {
opacity: 0.6;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}figure.effect-apollo:hover figcaption::before {
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}figure.effect-apollo:hover p {
opacity: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}/*-----------------*/
/***** Kira *****/
/*-----------------*/figure.effect-kira {
background: #fff;
text-align: left;
}figure.effect-kira img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}figure.effect-kira figcaption {
z-index: 1;
}figure.effect-kira p {
padding: 2.25em 0.5em;
font-weight: 600;
font-size: 100%;
line-height: 1.5;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
}figure.effect-kira p a {
margin: 0 0.5em;
color: #101010;
}figure.effect-kira p a:hover,
figure.effect-kira p a:focus {
opacity: 0.6;
}figure.effect-kira figcaption::before {
position: absolute;
top: 0;
right: 2em;
left: 2em;
z-index: -1;
height: 3.5em;
background: #fff;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,4em,0) scale3d(1,0.023,1) ;
transform: translate3d(0,4em,0) scale3d(1,0.023,1);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}figure.effect-kira:hover img {
opacity: 0.5;
}figure.effect-kira:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-kira:hover figcaption::before {
opacity: 0.7;
-webkit-transform: translate3d(0,5em,0) scale3d(1,1,1) ;
transform: translate3d(0,5em,0) scale3d(1,1,1);
}/*-----------------*/
/***** Steve *****/
/*-----------------*/figure.effect-steve {
z-index: auto;
overflow: visible;
background: #000;
}figure.effect-steve:before,
figure.effect-steve h2:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: #000;
content: '';
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}figure.effect-steve:before {
box-shadow: 0 3px 30px rgba(0,0,0,0.8);
opacity: 0;
}figure.effect-steve figcaption {
z-index: 1;
}figure.effect-steve img {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: perspective(1000px) translate3d(0,0,0);
transform: perspective(1000px) translate3d(0,0,0);
}figure.effect-steve h2,
figure.effect-steve p {
background: #fff;
color: #2d434e;
}figure.effect-steve h2 {
position: relative;
margin-top: 2em;
padding: 0.25em;
}figure.effect-steve h2:before {
box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}figure.effect-steve p {
margin-top: 1em;
padding: 0.5em;
font-weight: 800;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(0.9,0.9,1);
transform: scale3d(0.9,0.9,1);
}figure.effect-steve:hover:before {
opacity: 1;
}figure.effect-steve:hover img {
-webkit-transform: perspective(1000px) translate3d(0,0,21px);
transform: perspective(1000px) translate3d(0,0,21px);
}figure.effect-steve:hover h2:before {
opacity: 0;
}figure.effect-steve:hover p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}/*-----------------*/
/***** Moses *****/
/*-----------------*/figure.effect-moses {
background: -webkit-linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
background: linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
}figure.effect-moses img {
opacity: 0.85;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}figure.effect-moses h2,
figure.effect-moses p {
padding: 20px;
width: 50%;
height: 50%;
border: 2px solid #fff;
}figure.effect-moses h2 {
padding: 20px;
width: 50%;
height: 50%;
text-align: left;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(10px,10px,0);
transform: translate3d(10px,10px,0);
}figure.effect-moses p {
float: right;
padding: 20px;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}figure.effect-moses:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-moses:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-moses:hover img {
opacity: 0.6;
}/*---------------*/
/***** Jazz *****/
/*---------------*/figure.effect-jazz {
background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
}figure.effect-jazz img {
opacity: 0.9;
}figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}figure.effect-jazz figcaption::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}figure.effect-jazz h2,
figure.effect-jazz p {
opacity: 1;
-webkit-transform: scale3d(0.8,0.8,1);
transform: scale3d(0.8,0.8,1);
}figure.effect-jazz h2 {
padding-top: 26%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}figure.effect-jazz p {
padding: 0.5em 2em;
text-transform: none;
font-size: 0.85em;
opacity: 0;
}figure.effect-jazz:hover img {
opacity: 0.7;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}figure.effect-jazz:hover figcaption::after {
opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}/*---------------*/
/***** Ming *****/
/*---------------*/figure.effect-ming {
background: #030c17;
}figure.effect-ming img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}figure.effect-ming figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 2px solid #fff;
box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.4,1.4,1);
transform: scale3d(1.4,1.4,1);
}figure.effect-ming h2 {
margin: 20% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}figure.effect-ming p {
padding: 1em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}figure.effect-ming:hover h2 {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}figure.effect-ming:hover figcaption {
background-color: rgba(58,52,42,0);
}figure.effect-ming:hover img {
opacity: 0.4;
}/*---------------*/
/***** Lexi *****/
/*---------------*/figure.effect-lexi {
background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%);
background: linear-gradient(-45deg, #000 0%,#fff 100%);
}figure.effect-lexi img {
margin: -10px 0 0 -10px;
max-width: none;
width: -webkit-calc(100% + 10px);
width: calc(100% + 10px);
opacity: 0.9;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(10px,10px,0);
transform: translate3d(10px,10px,0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}figure.effect-lexi figcaption::before,
figure.effect-lexi p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}figure.effect-lexi figcaption::before {
position: absolute;
right: -100px;
bottom: -100px;
width: 300px;
height: 300px;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 0 0 900px rgba(255,255,255,0.2);
content: '';
opacity: 0;
-webkit-transform: scale3d(0.5,0.5,1);
transform: scale3d(0.5,0.5,1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}figure.effect-lexi:hover img {
opacity: 0.6;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}figure.effect-lexi h2 {
text-align: left;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(5px,5px,0);
transform: translate3d(5px,5px,0);
}figure.effect-lexi p {
position: absolute;
right: 0;
bottom: 0;
padding: 0 1.5em 1.5em 0;
width: 140px;
text-align: right;
opacity: 0;
-webkit-transform: translate3d(20px,20px,0);
transform: translate3d(20px,20px,0);
}figure.effect-lexi:hover figcaption::before {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}figure.effect-lexi:hover h2,
figure.effect-lexi:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}/*---------------*/
/***** Duke *****/
/*---------------*/figure.effect-duke {
background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
background: linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
}figure.effect-duke img,
figure.effect-duke p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}figure.effect-duke:hover img {
opacity: 0.1;
-webkit-transform: scale3d(2,2,1);
transform: scale3d(2,2,1);
}figure.effect-duke h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: scale3d(0.8,0.8,1);
transform: scale3d(0.8,0.8,1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}figure.effect-duke p {
position: absolute;
bottom: 0;
left: 0;
margin: 20px;
padding: 30px;
border: 2px solid #fff;
text-transform: none;
font-size: 90%;
opacity: 0;
-webkit-transform: scale3d(0.8,0.8,1);
transform: scale3d(0.8,0.8,1);
-webkit-transform-origin: 50% -100%;
transform-origin: 50% -100%;
}figure.effect-duke:hover h2,
figure.effect-duke:hover p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}@media screen and (max-width: 50em) {
.content {
padding: 0 10px;
text-align: center;
}
.grid figure {
display: inline-block;
float: none;
margin: 10px auto;
width: 100%;
}
}@-webkit-keyframes bgzoom{from{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);o-transform:scale(1,1);transform:scale(1,1)}to{-webkit-transform:scale(1.02, 1.02);-moz-transform:scale(1.02, 1.02);o-transform:scale(1.02, 1.02);transform:scale(1.02, 1.02)}}
@-moz-keyframes bgzoom{from{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);o-transform:scale(1,1);transform:scale(1,1)}to{-webkit-transform:scale(1.02, 1.02);-moz-transform:scale(1.02, 1.02);o-transform:scale(1.02, 1.02);transform:scale(1.02, 1.02)}}
@-o-keyframes bgzoom{from{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);o-transform:scale(1,1);transform:scale(1,1)}to{-webkit-transform:scale(1.02, 1.02);-moz-transform:scale(1.02, 1.02);o-transform:scale(1.02, 1.02);transform:scale(1.02, 1.02)}}
@keyframes bgzoom{from{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);o-transform:scale(1,1);transform:scale(1,1)}to{-webkit-transform:scale(1.02, 1.02);-moz-transform:scale(1.02, 1.02);o-transform:scale(1.02, 1.02);transform:scale(1.02, 1.02)}}@-webkit-keyframes bgzoom-reverse{from{-webkit-transform:scale(1.021,1.02);-moz-transform:scale(1.02,1.02);o-transform:scale(1.02,1.02);transform:scale(1.02,1.02)}to{-webkit-transform:scale(1.00, 1.00);-moz-transform:scale(1.00, 1.00);o-transform:scale(1.02, 1.02);transform:scale(1.00, 1.00)}}
@-moz-keyframes bgzoom-reverse{from{-webkit-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);o-transform:scale(1.02,1.02);transform:scale(1.02,1.02)}to{-webkit-transform:scale(1.00, 1.00);-moz-transform:scale(1.00, 1.00);o-transform:scale(1.02, 1.02);transform:scale(1.00, 1.00)}}
@-o-keyframes bgzoom-reverse{from{-webkit-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);o-transform:scale(1.02,1.02);transform:scale(1.02,1.02)}to{-webkit-transform:scale(1.00, 1.00);-moz-transform:scale(1.00, 1.00);o-transform:scale(1.02, 1.02);transform:scale(1.00, 1.00)}}
@keyframes bgzoom-reverse{from{-webkit-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);o-transform:scale(1.02,1.02);transform:scale(1.02,1.02)}to{-webkit-transform:scale(1.00, 1.00);-moz-transform:scale(1.00, 1.00);o-transform:scale(1.02, 1.02);transform:scale(1.00, 1.00)}}.bgzoom img{animation:bgzoom-reverse 0.3s ease-out;
-moz-animation:bgzoom-reverse 0.3s ease-out;
-o-animation:bgzoom-reverse 0.3s ease-out;
-webkit-animation:bgzoom-reverse 0.3s ease-out;
animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;}.bgzoom img:hover{animation:bgzoom 0.3s ease-out;
-moz-animation:bgzoom 0.3s ease-out;
-o-animation:bgzoom 0.3s ease-out;
-webkit-animation:bgzoom 0.3s ease-out;
animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
}