@font-face {
	font-family: 'Conv_Lato-Light';
	src: url('../../fonts/Lato-Light.eot');
	src: local(''), url('../../Lato-Light.woff') format('woff'), url('../../fonts/Lato-Light.ttf') format('truetype'), url('../../fonts/Lato-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'Conv_Lato-Medium';
	src: url('../../fonts/Lato-Medium.eot');
	src: local(''), url('../../fonts/Lato-Medium.woff') format('woff'), url('../../fonts/Lato-Medium.ttf') format('truetype'), url('vfonts/Lato-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Lato-Bold';
	src: url('../../fonts/Lato-Bold.eot');
	src: local(''), url('../../fonts/Lato-Bold.woff') format('woff'), url('../../fonts/Lato-Bold.ttf') format('truetype'), url('../../fonts/Lato-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_HeliosCondBlack_22334';
	src: url('../../fonts/HeliosCondBlack_22334.eot');
	src: local(''), url('../../fonts/HeliosCondBlack_22334.woff') format('woff'), url('../../fonts/HeliosCondBlack_22334.ttf') format('truetype'), url('../../fonts/HeliosCondBlack_22334.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


* {padding:0px;margin:0px;}

.cover{
text-align:center;
height:700px;
background-position:center center;
background-size:cover;
background-image:url('images/cover.jpg');
}

.article_content{
width:1190px;
position:relative;
display:inline-block;
float:left;
left:50%;
margin-left:-595px;
}

.article_text{
font-family:'Conv_Lato-Medium';
color:#585858;
font-size:20px;
line-height:26px;
margin:40px 0px 40px 0px;
width:100%;
}

.article_text a{
font-weight:bold;
color:#585858;
}

.article_text.bold{
font-family:'Conv_Lato-Medium';
color:#282828;
font-size:24px;
line-height:30px;
margin:40px 0px 40px 0px;
width:100%;
}

.article_heading{
font-family:'Conv_Lato-Light';
color:#585858;
font-size:46px;
line-height:52px;
margin:60px 0px 40px 0px;
width:100%;
text-align:center;
}

.article_title{
position:relative;
margin:0px;
margin-top:100px;
padding:40px 0px 40px 0px;
display:inline-block;
width:1190px;
text-align:center;
border-width:7px 7px 7px 7px;
border-color:white;
border-style:solid;
top:30%;
}
.article_title h1{
color:white;
font-size:76px;
line-height:90px;
width:80%;
text-align:center;
display:inline-block;
font-family:'Conv_Lato-Light';
}
.article_title h2{
color:white;
font-family:'Conv_Lato-Light';
font-size:32px;
line-height:38px;
width:70%;
text-align:center;
display:inline-block
}

.article_image{
width:100%;
position:relative;
display:inline-block;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.article_image.uno{
height:700px;
background-image:url('images/pic1.jpg');
}
.article_image.due{
height:550px;
background-image:url('images/pic2.jpg');
}
.article_image.tre{
height:580px;
background-image:url('images/pic3.jpg');
}
.article_image.quatro{
height:580px;
background-image:url('images/pic4.jpg');
}
.article_image.cinque{
height:580px;
background-image:url('images/pic5.jpg');
}
.article_image.sei{
height:580px;
background-image:url('images/pic6.jpg');
}
.article_image.sette{
height:580px;
background-image:url('images/pic7.jpg');
}
.article_image.nove{
height:580px;
background-image:url('images/pic8.jpg');
}

.videoframe, .videoframe2{
width:520px;
min-height:250px;
position:relative;
display:inline-block;
margin:0px 20px 0px 0px;
text-align:center;
float:left;
}
.videoframe2{
height:550px;
min-height:550px;
}
.videoframe .thevideo, .videoframe2 .thevideo2{
position:relative;
display:inline-block;
width:100%;
height:255px;
margin:0px;
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
}
.videoframe2 .thevideo2{
height:450px;
margin-bottom:30px !important;
}
.videoframe2 .thevideo2{
position:relative;
display:inline-block;
float:left;
width:100%;
height:255px;
margin:0px;
background-repeat:no-repeat;
background-position:left center;
background-size:contain;
text-align:left;
}
.videoframe h1{
position:relative;
display:inline-block;
margin:20px 0px 0px 0px;
font-size:24px;
line-height:30px;
font-family:'Conv_Lato-Medium';
}
.videoframe h1 a{
color:#282828;
}
.videoframe .article_text{
margin:20px 0px 20px 0px;
}
.videoframe2 .article_text{
margin:20px 0px 20px 0px;
text-align:left;
}

.videoframe.uno{float:left;}
.videoframe.uno .thevideo{
background-image:url('images/cover_frame1.png');
}
.videoframe.due{float:right;margin-right:0px;}
.videoframe.due .thevideo{
background-image:url('images/cover_frame2.png');
}
.videoframe.tre{float:left;}
.videoframe.tre .thevideo{
background-image:url('images/cover_frame3.jpg');
}
.videoframe.quatro{float:right;margin-right:0px;}
.videoframe.quatro .thevideo{
background-image:url('images/cover_frame4.jpg');
}
.videoframe.cinque{float:left;}
.videoframe.cinque .thevideo{
background-image:url('images/cover_frame5.jpg');
}
.videoframe.sei{float:right;margin-right:0px;}
.videoframe.sei .thevideo{
background-image:url('images/cover_frame6.jpg');
}

.videoframe2.uno{float:left;}
.videoframe2.uno .thevideo2{
background-image:url('images/gift1.jpg');
}
.videoframe2.due{float:left;width:100%;}
.videoframe2.due .thevideo2{
background-image:url('images/gift2.jpg');
}
.videoframe2.tre{float:right;}
.videoframe2.tre .thevideo2{
background-image:url('images/gift3.jpg');
}


.framed{
position:relative;
display:inline-block;
border-style:solid;
border-color:#b6d190;
border-width:2px 2px 2px 2px;
text-align:left;
padding:10px 5% 10px 5%;
margin:20px 0px 20px 0px;
width:90%;
}
.framed .article_text{
width:100%;
}
.framed .article_heading{
margin-top:0px;
text-align:left;
}
.framed .thevideo{
position:relative;
display:inline-block;
margin:0px;
width:100%;
height:554px;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
background-image:url('images/cover_frame7.jpg');
cursor:pointer;
}

@media screen and (max-width: 1300px) {

.article_content{
width:100%;
left:0px;
margin-left:0px;
}
.article_title{
width:80%;
}
.article_text{
padding:0px 10% 0px 10%;
width:80% !important;
}
.article_title{
width:80%;
}
.article_image{
width:100%;
position:relative;
display:inline-block;
background-position:center center;
background-size:cover;
}
.videoframe, .videoframe2{
width:420px;
min-height:250px;
position:relative;
display:inline-block;
margin:0px 20px 0px 0px;
text-align:left;
float:left;
}
.videoframe2{
width:30%;
margin:20px 10% 20px 10%;
height:auto;
min-height:auto;
}

.videoframe2.uno{
width:32%;
margin:20px 2% 20px 10%;
}
.videoframe2.tre{
width:32%;
margin:20px 10% 20px 2%;
}
.videoframe2.due{
width:70%;
margin:20px 10% 20px 10%;
}

.videoframe2 .article_text{
width:100%;
padding-left:0px;
padding-right:0px;
}
.videoframe2.due{
width:90%;
margin:0px 0px 0px 10%;
}

.videoframe2.uno{float:left;margin-left:10%;}
.videoframe2.due{float:left;margin-right:10%;}
.videoframe2.tre{float:right;margin-left:10%;}

.videoframe.uno{float:left;margin-left:10%;}
.videoframe.due{float:right;margin-right:10%;}
.videoframe.tre{float:left;margin-left:10%;}
.videoframe.quatro{float:right;margin-right:10%;}
.videoframe.cinque{float:left;margin-left:10%;}
.videoframe.sei{float:right;margin-right:10%;}
.videoframe .article_text{
margin:20px 0px 0px 0px;
padding:0px;
}
.framed{
width:70% !important;
margin:40px 9% 60px 9%;
padding:40px 5% 0px 5%;
}
.framed .article_text{
width:100% !important;
margin:0px 0px 40px 0px;
padding:0px;
}
.framed .article_heading{
margin-top:40px;
text-align:left;
}
.framed .thevideo{
margin-bottom:40px;
}

}

@media screen and (max-width: 1100px) {

.article_text{
padding:0px 5% 0px 5%;
width:90% !important;
}
.article_title{
width:90%;
}
.framed{
width:80% !important;
margin:40px 4% 60px 4%;
padding:40px 5% 0px 5%;
}

.videoframe.uno{float:left;margin-left:5%;}
.videoframe.due{float:right;margin-right:5%;}
.videoframe.tre{float:left;margin-left:5%;}
.videoframe.quatro{float:right;margin-right:5%;}
.videoframe.cinque{float:left;margin-left:5%;}
.videoframe.sei{float:right;margin-right:5%;}

}

@media screen and (max-width: 1000px) {


.videoframe2 .article_text{
padding:0px 5% 20px 5%;
width:90% !important;
}


.videoframe2{
width:100%;
margin:20px 0px 20px 0px;
height:auto;
min-height:auto;
text-align:center;
}

.videoframe2.uno{
width:100%;
margin:20px 0px 20px 0px;
}
.videoframe2.tre{
width:100%;
margin:20px 0px 20px 0px;
}
.videoframe2.due{
width:100%;
margin:20px 0px 20px 0px;
}

.videoframe2.uno{float:none;margin-left:0px;}
.videoframe2.due{float:none;margin-right:0px;}
.videoframe2.tre{float:none;margin-left:0px;}


.videoframe.uno{float:none;margin-left:0px;}
.videoframe.due{float:none;margin-right:0px;}
.videoframe.tre{float:none;margin-left:0px;}
.videoframe.quatro{float:none;margin-right:0px;}
.videoframe.cinque{float:none;margin-left:0px;}
.videoframe.sei{float:none;margin-right:0px;}
.videoframe, .videoframe2{
width:80%;
min-height:auto;/*600px;*/
position:relative;
display:inline-block;
margin:0px 10% 0px 10% !important;
text-align:left;
float:none;
}
.videoframe2{
width:100%;
margin:0px !important;
text-align:center;
}
.videoframe .thevideo, .videoframe2 .thevideo2{
width:100%;
height:355px;
margin:0px;
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
}
.videoframe2{
height:auto;
min-height:auto;
}
.article_title h1{
font-size:56px;
line-height:70px;
}
.article_title h2{
font-size:28px;
line-height:32px;
}
.article_heading{
font-size:36px;
line-height:42px;
}

.videoframe .thevideo{
height:250px;
margin-bottom:30px;
}

}

@media screen and (max-width: 700px) {

.article_heading{
font-size:32px;
line-height:38px;
}
.article_text.bold{
font-size:20px;
line-height:26px;
margin:20px 0px 20px 0px;
}
.article_text{
font-size:16px;
line-height:22px;
margin:20px 0px 20px 0px;
}
.article_image.uno{
height:400px;
background-image:url('images/pic1.jpg');
}
.article_image.due{
height:350px;
background-image:url('images/pic2.jpg');
}
.article_image.tre{
height:350px;
background-image:url('images/pic3.jpg');
}
.article_image.quatro{
height:350px;
background-image:url('images/pic4.jpg');
}
.article_image.cinque{
height:350px;
background-image:url('images/pic5.jpg');
}
.article_image.sei{
height:350px;
background-image:url('images/pic6.jpg');
}
.article_image.sette{
height:350px;
background-image:url('images/pic7.jpg');
}

.article_title h1{
font-size:36px;
line-height:50px;
width:80%;
}
.article_title h2{
font-size:22px;
line-height:28px;
width:70%;
}

}

@media screen and (max-width: 500px) {

.videoframe2.due{
width:100%;
}

.article_title h1{
font-size:24px;
line-height:34px;
width:100%;
}
.article_title h2{
font-size:18px;
line-height:22px;
width:90%;
}
.article_title{
margin:80px 5% 40px 5% !important;
width:80% !important;
}
.cover{
height:500px;
}
.article_heading{
font-size:18px !important;
}

.article_image{
background-position:right center;
}
.article_image.due{
background-position:center center;
}
.article_image.cinque{
background-position:right center;
}
.article_image.sei{
background-position:center center;
}
.article_image.sette{
background-position:center center;
}
.videoframe .thevideo{
height:255px;
margin:0px 0px 20px 0px;
}
.framed .thevideo{
height:300px;
}
.article_text.bold{
margin:20px 0px 40px 0px; 
}

}