/* for css loader */
#page {
  opacity: 1;
}
/* *** */

.cover{
	overflow:hidden;
	position:relative;
	height:330px;
}

.cover a.bg:before,
.cover a.bg:after{
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 250px;
}

.cover a.bg:before{
    top: 0;
    background: linear-gradient(to bottom,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 100%);
}

.cover a.bg:after {
    bottom: 0;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
}

.cover a.bg{
	display:block;
	height:100%;
	background-position:center top;
	background-size:auto 330px;
}

.cover a.bg span{
	position: absolute;
    bottom: 40px;
    left: 0;
    margin-left: calc((100% - 226px)/ 2); padding:0 28px 0 54px;
    font-size: 14px;
    font-weight:700;
    color:#FFF;
    line-height: 40px;
    text-transform:uppercase;
    border: 2px solid #FFF;
    background: url(https://www.cookaround.com/style/images/main-icon.png) 22px center no-repeat;
    z-index:10;
}

.cover h2{
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    height: 100%;
    text-align: center;
}

.cover h2 a{
	position: absolute;
	top:50%; left:0; transform: translate(0,-50%);
	width:100%;
    font: 700 35px/42px 'Droid Serif'; color: #FFF;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}

.col{
	width:100%;
}

.homenav{
	padding-bottom:2.5rem;
    width: 100%;
    font: 700 2.3rem 'Amatic SC';
    background:#e75148;
    overflow:hidden;
}

.homenav .sw{
	background:#e75148;
}

.homenav li {
	float:left;
    width: 50%;
    text-align:center;
}

.homenav li a{
	display:block;
	padding-top:150px;
	color:#FFF;
	background: url(https://www.cookaround.com/style/images/portate-hp.png) center 18px no-repeat;
}

.homenav li a.pp{
	background-position: center -480px;
}

.homenav li a.se{
	background-position: center -730px;
}

.homenav li a.ses{
	background-position: center -232px;
}

.homenav li a.co{
    background-position: center -979px;
}

.homenav li a.do{
	background-position: center -1228px;
}

.nd .left{
	margin-top:.1rem;
}

.left hr{
	display:none;
}

.left article{
	margin:0 0 2.1rem;
}

.left .loopimg.pvideo{
	position:relative;
}

.left .loopimg img{
	display:block;
	max-width:100%;
}

.left h2{
	margin-top:.7rem;
	font: 700 2.1rem/2.5rem 'Droid Serif';
    letter-spacing: -1px;
    text-align: center;
}

.left .spec h2{
	margin-top:1.7rem;
}

.left h2 a{
	color:#424d55;
}

.left h3,
.left .daiblog dt{
	clear:both;
    margin:0 0 35px;
    height:50px;
    font: 700 3.4rem/50px 'Amatic SC';
    color: #e75148;
    text-align: center;
    position: relative;
}

.left h3{
	margin-bottom:2.5rem;
}

.left h3 strong{
    padding: 0 20px;
    background: #f9f9f9;
}

.left h3:after{
    content: '';
    display: block;
    margin: -50px auto 0;
    height: 50px;
    background: url(https://www.cookaround.com/style/images/zigzag.png) 0 center repeat-x;
}

.left article.ebook,
.left .daiblog{
	margin:0 0 0 -5.555555555555556%;
	padding:25px 18.40277777777778%;
	width:74.30555555555556%;
	text-align:center;
	background:#eae8e8;
}

.left .ebook h3,
.left .daiblog dt{
	margin:0 0 25px 0;
}

.left .ebook h3 strong{
	display:inline-block;
	height: 50px;
    background: #eae8e8;
}

.left article.ebook .eimg{
	display:inline-block;
	border:2px solid #FFF;
}

.left article.ebook .eimg img{
	display:block;
	max-width:100%;
}

.left article.ebook h2{
	font-size:2.4rem;
}

.left article.ebook .button{
	display: block;
    margin: 15px auto 20px;
    padding:0 30px 0 18px;
    width: 45%;
    font: 700 1.2rem/34px 'Lato';
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    background: #e75148 url(https://www.cookaround.com/style/images/button-arrow.png) right center no-repeat;
    border-radius: 2px;
}

.left article.ebook .vt{
	font: 700 1.5rem 'Lato';
    color: #e75148;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.left .daiblog{
	background:#efefef;
}

.left .daiblog dt{
	height:auto;
	height:79px;
	line-height:36px;
}

.left .daiblog dt strong{
	display:inline-block;
	line-height:36px;
	padding:0 20px;
	background:#efefef;
}

.left .daiblog dt:after{
    content: '';
    display: block;
    margin: -79px auto 0;
    height: 79px;
    background: url(https://www.cookaround.com/style/images/zigzag.png) 0 center repeat-x;
}

.daiblog dd{
    margin: 0 0 14px; padding: 0 0 11px;
    font: 700 15px 'Droid Serif';
    text-align:left;
    border-bottom: 1px solid #d6d7d9;
}

.daiblog dd:last-of-type{
	margin:0; padding:0;
    border-bottom:0 none;
}

.daiblog dd a{
	color:#424d55;
}

.cover .r-cat{
	position:absolute;
	margin:0;
	top:40px; left:0;
	width:100%;
}

/* SLIDER VIDEO */

.pgbreak{
	margin-bottom:2.5rem;
	background:#323234;
	position:relative;
}

.pgbreak .sw,
.pgbreak .container{
	background:#323234;
	position:static;
	overflow-y:visible;
}

.pgbreak h3{
	margin:2px 0 16px;
	font:700 30px 'Amatic SC';
	color:#FFF;
	text-align:center;
	position:relative;
}

.pgbreak h3 span{
	position:relative;
	padding:0 10.08771929824561%;
	background:#323234;
	z-index:1;
}

.pgbreak h3:after{
	content:'';
	position:absolute;
	top:21px;
	left:0;
	width:100%;
	height:1px;
	background:#6b6b6c;
}

.pgbreak ul{
	position:relative;
}

.pgbreak .container{
	padding:2.5% 0 7.5%; /* 30 /1200 */
}

.slide{
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:87.5%;
	transition:all 0s;
}

.goLeft .slide{
	transition: all 0.5s ease-out;
}

.slide .simg:before{
	content:none;
}

.slide .simg:after,
.slide .video .simg:after{
	top:20px;
	left:20px;
}

.slide h2 a{
	display:block;
	font-size:26px;
	line-height:30px;
}

.slide .simg img{
	width:100%;
}

.slide h2{
	position:absolute;
	left:20px;
	bottom:20px;
	width:85.18518518518519%;
	z-index:3;
}

.slide h2 a{
	display:block;
	font:700 1.8rem/20px 'Droid Serif';
	color:#FFF;
	text-decoration:none;
	text-shadow:1px 1px 2px rgba(0,0,0,.5);
}

.slide .simg img{
	display:block;
	max-width:100%;
	opacity:.85;
}

.slide .simg:after{
	content: 'Leggi la ricetta';
	position: absolute;
	top: 25px;
	left: 40px;
	padding-left:55px;
	width:0;
	height: 39px;
	font:700 14px/39px 'Lato';
	color:#FFF;
	text-transform:uppercase;
	white-space:nowrap;
	background:rgba(0,0,0,.3)  url(https://www.cookaround.com/style/images/lente-icon.png) 0 0 no-repeat;
	border: 1px solid #FFF;
	overflow:hidden;
	z-index:2;
	transition: width 0.3s ease-in;
}

.slide .video .simg:after{
	content: 'Guarda la ricetta';
	background:rgba(0,0,0,.3) url(https://www.cookaround.com/style/images/play-icon.png) 0 0 no-repeat;
}

.slide .simg:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgb(231,81,72);
	opacity:0;
	transition: opacity 0.3s ease-in;
	z-index:1;
}

.slide .hover .simg:before{
	opacity:.8;
}

.slide .hover .simg:after{
	width: 140px;
}

.slide .video.hover .simg:after{
	width: 160px;
}

.slide.ff .simg:after,
.slide.ff .simg:before{
	transition: none;
}

.slide.s1{
	display:block;
	-o-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
}

.slide.s2{
	display:block;
	-o-transform:translate(103.571428571428571%,0);
    -ms-transform:translate(103.571428571428571%,0);
    -moz-transform:translate(103.571428571428571%,0);
    -webkit-transform:translate(103.571428571428571%,0);
    transform:translate(103.571428571428571%,0);
}

.slide.s3{
	display:block;
	-o-transform:translate(207.142857142857143%,0);
    -ms-transform:translate(207.142857142857143%,0);
    -moz-transform:translate(207.142857142857143%,0);
    -webkit-transform:translate(207.142857142857143%,0);
    transform:translate(207.142857142857143%,0);
}

.slide.s4{
	display:block;
	-o-transform:translate(310.71428571428571%,0);
    -ms-transform:translate(310.71428571428571%,0);
    -moz-transform:translate(310.71428571428571%,0);
    -webkit-transform:translate(310.71428571428571%,0);
    transform:translate(310.71428571428571%,0);
}

.slide.s7{
	display:block;
	-o-transform:translate(-207.142857142857143%,0);
    -ms-transform:translate(-207.142857142857143%,0);
    -moz-transform:translate(-207.142857142857143%,0);
    -webkit-transform:translate(-207.142857142857143%,0);
    transform:translate(-207.142857142857143%,0);
}

.slide.s8{
	display:block;
	-o-transform:translate(-103.571428571428571%,0);
    -ms-transform:translate(-103.571428571428571%,0);
    -moz-transform:translate(-103.571428571428571%,0);
    -webkit-transform:translate(-103.571428571428571%,0);
    transform:translate(-103.571428571428571%,0);
}

/* prev */

.goRight .slide.s1{
	display:block;
	-o-transform:translate(103.571428571428571%,0);
    -ms-transform:translate(103.571428571428571%,0);
    -moz-transform:translate(103.571428571428571%,0);
    -webkit-transform:translate(103.571428571428571%,0);
    transform:translate(103.571428571428571%,0);
}

.goRight .slide.s2{
	display:block;
	-o-transform:translate(207.142857142857143%,0);
    -ms-transform:translate(207.142857142857143%,0);
    -moz-transform:translate(207.142857142857143%,0);
    -webkit-transform:translate(207.142857142857143%,0);
    transform:translate(207.142857142857143%,0);
}

.goRight .slide.s3{
	display:block;
	-o-transform:translate(310.71428571428571%,0);
    -ms-transform:translate(310.71428571428571%,0);
    -moz-transform:translate(310.71428571428571%,0);
    -webkit-transform:translate(310.71428571428571%,0);
    transform:translate(310.71428571428571%,0);
}

.goRight .slide.s7{
	display:block;
	-o-transform:translate(-103.571428571428571%,0);
    -ms-transform:translate(-103.571428571428571%,0);
    -moz-transform:translate(-103.571428571428571%,0);
    -webkit-transform:translate(-103.571428571428571%,0);
    transform:translate(-103.571428571428571%,0);
}

.goRight .slide.s8{
	display:block;
	-o-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
}

/* next */

.goLeft .slide.s1{
	display:block;
	-o-transform:translate(-103.571428571428571%,0);
    -ms-transform:translate(-103.571428571428571%,0);
    -moz-transform:translate(-103.571428571428571%,0);
    -webkit-transform:translate(-103.571428571428571%,0);
    transform:translate(-103.571428571428571%,0);
}

.goLeft .slide.s2{
	display:block;
	-o-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
}

.goLeft .slide.s3{
	display:block;
	-o-transform:translate(103.571428571428571%,0);
    -ms-transform:translate(103.571428571428571%,0);
    -moz-transform:translate(103.571428571428571%,0);
    -webkit-transform:translate(103.571428571428571%,0);
    transform:translate(103.571428571428571%,0);
}

.goLeft .slide.s4{
	display:block;
	-o-transform:translate(207.142857142857143%,0);
    -ms-transform:translate(207.142857142857143%,0);
    -moz-transform:translate(207.142857142857143%,0);
    -webkit-transform:translate(207.142857142857143%,0);
    transform:translate(207.142857142857143%,0);
}

.goLeft .slide.s8{
	display:block;
	-o-transform:translate(-207.142857142857143%,0);
    -ms-transform:translate(-207.142857142857143%,0);
    -moz-transform:translate(-207.142857142857143%,0);
    -webkit-transform:translate(-207.142857142857143%,0);
    transform:translate(-207.142857142857143%,0);
}

.pgbreak .prev,
.pgbreak .next{
	position:absolute;
	top:244px;
	left:0;
    width: 9.4%;
    height: 80px;
	background:rgba(231,81,72,.8) url(https://www.cookaround.com/style/images/pagebreak-arrows.png) right center no-repeat;
    background-size: 62px auto;
	z-index:15
}

.pgbreak .prev{
	left:-100%;
}

.pgbreak .next{
	left:auto;
	right:0;
}

@media only screen and (min-width: 321px){

	.left .loopimg{
		display:block;
		max-height:175px;
		overflow:hidden;
	}

	.left.spec .loopimg{
		max-height:180px;
	}

	.left h2{
		margin-top:1.9rem;
	}

	.left .spec h2{
	    margin-top:2.9rem;
	}

}

@media only screen and (min-width: 550px){

	.pgbreak .prev{
		left:0;
		background-position:15px center;
	}

	.pgbreak .next{
		background-position:-20px center;
	}

}

@media only screen and (min-width: 671px){

	.cover{
		height:450px;
	}

	.cover a.bg{
		height:450px;
		background-size: auto 450px;
	}

	.cover a.bg span{
		margin-left: calc((100% - 266px)/ 2);
		font-size: 1.8rem;
	}

	.cover h2 a{
		width:100%;
		font-size: 50px;
	}

	.cover .r-cat strong{
		font-size:1.5rem;
	}

	.homenav{
		padding-bottom:0;
	}

	.homenav li{
	    width:16.66666666666667%;
	}

	.homenav li a{
	    padding: 110px 0 10px;
    	background-size: 75%;
    }

	.homenav li a{
		background-position: center 10px;
	}

	.homenav li a.pp{
		background-position:center -367px;
	}

	.homenav li a.se{
		background-position:center -555px;
	}

	.homenav li a.ses{
		background-position:center -179px;
	}

	.homenav li a.co{
	    background-position:center -743px;
	}

	.homenav li a.do{
		background-position:center -930px;
	}

	.col{
		float:left;
		width:48%;
	}

	.col:nth-of-type(2){
		float:right;
	}

	.left hr{
		display:block; clear:both;
		margin:0; padding:0;
		height:0; line-height:0;
		border-width:0;

	}

	.left h3{
		float:left;
		margin-top:-.7rem;
		margin-bottom:3.3rem;
		width:100%;
		font: 700 3.9rem/50px 'Amatic SC';
	}

	.left .spec h2{
		margin-top:2.8rem;
	}

	.left .ebook h3{
		margin-top:0;
	}

	.left article{
		float: left;
		margin: 0 0 4.6rem;
	    width: 48%;
	    position: relative;
	}

	.left article:nth-of-type(even){
		float:right;
	}

	.left .col article{
		width:100%;
	}

	.left article.ebook,
	.left .daiblog{
		float:none;
		margin:0;
		padding:25px 8.333333333333333%;
		width:auto;
		text-align:center;
	}

	.pgbreak h3{
		margin:2px 0 16px;
		font:700 40px 'Amatic SC';
		color:#FFF;
		text-align:center;
		position:relative;
	}

	.pgbreak h3:after {
	    top: 24px;
	}

	.slide h2 a {
	    font: 700 3.4rem/40px 'Droid Serif';
	}

	.pgbreak .prev{
		margin-top:-15px;
		height:106px;
		background-position:18px center;
		background-size: 82px auto;
	}

	.pgbreak .next{
		margin-top:-15px;
		height:106px;
		background-size: 82px auto;
		background-position: -27px center;
	}

}

@media only screen and (min-width: 950px){

	.cover{
		height:460px;
	}

	.cover a.bg{
		height:460px;
		background-position:center center;
		background-size:cover;
	}

	.cover h2 a{
		    font: 700 60px/72px 'Droid Serif';
	}

	.homenav li{
	    width:16.63%;
	    font-size:32px;
	}

	.homenav li a{
	    padding: 149px 0 10px;
    	background-size:auto;
    }

	.homenav li a{
		background-position: center 18px;
	}

	.homenav li a.pp{
		background-position:center -480px;
	}

	.homenav li a.se{
		background-position:center -730px;
	}

	.homenav li a.ses{
		background-position:center -232px;
	}

	.homenav li a.co{
	    background-position:center -979px;
	}

	.homenav li a.do{
		background-position:center -1228px;
	}

	.homenav li a:hover,
	.left article.ebook .vt:hover{
		color:#a72b24;
	}

	.container{
		padding-top:2.6rem;
	}

	.left h3 {
	    margin-bottom: 3.2rem;
	}

	.left h2{
		margin-top:2.2rem;
		font-size:2.1rem;
		line-height:2.5rem;
	}

	.left .spec h2{
		margin-top:3.2rem;
	}

	.left .loopimg {
	    height: 172px;
	}

	.left h2 a:hover,
	.daiblog dd a:hover{
		color:#e75148;
	}

	.left article.ebook .button:hover{
		background-color:#d6423a;
	}

	/* slider */
	.pgbreak{
		overflow:hidden;
	}
	.pgbreak .sw,
	.pgbreak .container{
		overflow:visible;
	}

	.pgbreak ul{
		height:315px;
	}

	.slide{
		width:49.12280701754386%;
		transition: all 0.5s ease-out;
	}

	.pgbreak .prev,
	.pgbreak .next {
	    top: 212px;
	    width: 42px;
	    background-position: -10px 0;
	    background-size:auto auto;
	}
	.pgbreak .next {
		background-position: -70px 0;
	}

	.scroll{
		position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    }
    .scroll#ts{

    }
	.right .box300250{
		position:static;
  	}
}

    /**/

@media only screen and (min-width: 1025px){

	#page{
		padding-top:0;
		background-image:url();
		background-position:center 0;
		background-repeat:no-repeat;
		background-size:100% auto;
	}

}

@media only screen and (min-width: 1500px){

	.container{
		padding-top:2.6rem;
	}

	.container.nd{
		padding-top:2.5rem;
	}

	.left h3{
		margin-bottom:4.15rem;
	}

	.left h2{
		margin-top:2.5rem;
	}

	.left .spec h2{
	    margin-top: 2.9rem;
	}

	.left article{
	    margin-bottom:4.5rem;
	}

	.left .loopimg{
	    height: 210px;
	    max-height:1000px;
	}

	.r-cat{
		margin-top:-2rem;
	}

}