@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */

@font-face {
    font-family: 'awesome_regular';
    src: url('../fonts/awesome-webfont.woff2') format('woff2'),
         url('../fonts/awesome-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'CANDARA_regular';
	src: url('../fonts/CANDARA.eot');
	src: local('CANDARA'), 
		url('../fonts/CANDARA.woff') format('woff'), 
		url('../fonts/CANDARA.ttf') format('truetype');
}

body{
	font-family: CANDARA_regular;
	background-color: #ddd;
	overflow: hidden;
}


#background {
    /*display:flex;*/
    justify-content:right;
    align-items:center;
    overflow:hidden;
    position: absolute;
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1000;
}

#background img {
    flex-shrink:0;
    min-width:100%;
    min-height:100%;
    max-width: 200%;
    max-height: 200%;
    -webkit-filter: grayscale(100%) ;
    filter: grayscale(100%) ;
    position: absolute;
	opacity: .5;
}

#filter {
	position: absolute;
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -100;
    background: rgba(15, 15, 15, .4);
	display: none;
}



#banner{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 30px;
	background-color: #eee;
}

#banner #info{
	position: absolute;
	right: 5px;
	font-size: .9em;
	color: #444;
	margin-top: 6px;
}

#banner #info div{
	display: inline-block;
	margin-right: 5px;
}


#banner #external_links { 
    position: absolute;
	left: 5px;
	top: 5px;
	z-index: 4;
	list-style: none;
	padding: 0;
	display: inline-block;
}

#banner #external_links li{
	display: table-cell;
	margin: -5px;
}

#banner #external_links span{
    display: block;
    width: 26px;
    height: 26px;
    margin: 0 0px 0 0;
}

#banner #external_links a{
    display: block;
    width: 26px;
    height: 26px;
}


#banner #external_links .twitter{
    background: url(../images/icon-twitter.png) no-repeat;
}

#banner #external_links .youtube{
    background: url(../images/icon-youtube.png) no-repeat;
}

#banner #external_links .facebook{
    background: url(../images/icon-facebook.png) no-repeat;
}

#banner #external_links .instagram{
    background: url(../images/icon-instagram.png) no-repeat;
}

#banner #external_links .blog{
    background: url(../images/icon-blog.png) no-repeat;
}


#banner #languages {
	display: block;
}

#banner #languages img{
    width:22px;
    height: 12px;
    border: solid 1px #0C4056;
}

#banner #languages a{
    display: inline-block;
    margin-left: 5px;
}    

#loader{
	position: absolute;
	display: none;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	text-align: center;
	font-family: "awesome_regular";
	color: #BA2336;
	font-size: 3em;
	text-shadow: 
		7px 7px 7px rgba(0, 0, 0, 0.85);
}

#loader #diavolo{
	background: url('../images/diavolo.png') no-repeat;
	height: 93px;
	width: 103px;
	animation-duration: 1s;
	animation-name: wowrotate;
	animation-iteration-count: infinite;
	animation-timing-function: elastic;
	margin: auto;
}


@keyframes wowrotate {
	from { 
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate {
	from { 
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

#menu{
	position: absolute;
	background-color: #eee;
	height: 80px;
	bottom: 0;
	left: 0;
	right: 0;
	font-family: awesome_regular;
	font-size: 2.2em;
	z-index: 5;
}

#logo{
	width: 283px;
	height: 131px;
	position: absolute;
	bottom: 16px;
	left: 16px;
	background: url('../images/logo.png') no-repeat;
	z-index:10;
}

#menu #menubar{
	position: absolute;
	top: -5px;
	right: 10px;
}

#menu #menubar li{
	display: inline-block;
	margin-right: 10px;
	text-align: center;
}

#menu #menubar .selected {
	background-color: #BA2336;
	padding: 25px;
	color: #111 !important;
}

#menu #menubar .selected  a,
#menu #menubar .selected  a:link,
#menu #menubar .selected  a:visited{
	color: #111;
	opacity: 1;
}

#menu a,
#menu a:link,
#menu a:visited{
	color: #222;
	opacity: .9;
	text-shadow: 
		3px 0 0 #ddd, -3px 0 0 #ddd, 0 3px 0 #ddd, 0 -3px 0 #ddd, 
		2px 2px #ddd, -2px -2px 0 #ddd, 2px -2px 0 #ddd, -2px 2px 0 #ddd,
		7px 7px 7px rgba(0, 0, 0, 0.85);
}

#main{
	border-left: solid 5px #eee;
	border-right: solid 5px #eee;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right:0;
	overflow: hidden;
}


#main #content{
	position:absolute;
	top: 30px;
	bottom: 80px;
	left: 0px;
	right: 0px;
	overflow: hidden;
}

#main #content #container{
	font-size: 1.2em;
	overflow: visible;
	height: 100%;
	margin: 0 10px 0 10px;
	text-align: center;
}

#main #content #container h1{
	font-family: awesome_regular;
	font-size: 2.4em;
	color: #111;
	font-weight: bolder;
	text-align: center;
	text-shadow: 
		2px 0 0 #ddd, -2px 0 0 #ddd, 0 2px 0 #ddd, 0 -2px 0 #ddd, 
		1px 1px #ddd, -1px -1px 0 #ddd, 1px -1px 0 #ddd, -1px 1px 0 #ddd,
		7px 7px 7px rgba(0, 0, 0, 0.85);
	padding: 0;
	margin: 20px;
}

#main #content #container p{
	background-color: rgba(255, 255, 255, 0.6);
	padding: 20px;
	text-align: center;
	margin: 10px 30px;
	-ms-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	-webkit-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
}


#main #content #container strong{
	color: #BA2336;
	font-size: 1.4em;
	text-shadow: 
		7px 7px 7px rgba(0, 0, 0, 0.5);
}

#main #content #container span{
	color: #BA2336;
	font-size: 1.3em;
}


#main #content #container .show{
	display: inline-flex;
}


#main #content #container .show p{
	text-align: left;
}

#main #content #container .show span{
	font-family: awesome_regular;
	color: #222;
	font-size: 2em;
}


#main #content #container .new{
	display: block;
	min-height: 140px;
	font-size: .9em;
	margin: 10px;
}

#main #content #container .new h3{
	font-size: 1.2em;
}

#main #content #container .new .image{
	float: left;
	width: 120px;
	height: 120px;
	margin: 0px 20px;
}

#main #content #container .new .image img{
	border: solid 3px #BA2336;
}

#main #content #container .new .content{
	margin: 10px;
	text-align: left;
	float: left;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 10px 20px;
	-ms-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	-webkit-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
}

#main #content #container .download{
	display: inline-block;
	margin: auto;
	background-color: #BA2336;
	padding: 10px 20px;
	text-align: center;
	font-size: 1.4em;
	color: #ddd;
	-ms-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	-webkit-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
}


#main #content #container .download a,
#main #content #container .download a:link,
#main #content #container .download a:visited{
	text-decoration: none;
	color: #eee;
}


#main #content #container .spacer{
	display: block;
	height: 20px;
}

#main #content #container .video_gallery{
	text-align: center;
	padding: 20px;
	margin-top: -20px;
}

#main #content #container .video_gallery .video{
	display: inline-block;
	margin: 10px;
	border: solid 6px #BA2336;
	background: #BA2336;
	width: 350px;
	height: 200px;
	-ms-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	-webkit-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
}


#main #content #container .video_gallery .video iframe{
	width: 350px;
	height: 200px;
}

#main #content #container .gallery{
	text-align: center;
	margin-top: 20px;
}

#main #content #container .gallery .image{
	display: inline-block;
	margin: 14px;
}


#main #content #container .gallery .image .frame{
	background-color: #eee;
	padding: 3px;
    transform: rotate(356deg) ;
		-webkit-transform: rotate(356deg) ;
		-moz-transform: rotate(356deg) ;
		-o-transform: rotate(356deg) ;
		-ms-transform: rotate(356deg) ;
}


#main #content #container .gallery .image .frame img{
	border: solid 6px #BA2336;
	transform: rotate(2deg) ;
		-webkit-transform: rotate(2deg) ;
		-moz-transform: rotate(2deg) ;
		-o-transform: rotate(2deg) ;
		-ms-transform: rotate(2deg) ;
	width: 200px;
	height: 200px;
	-ms-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	-webkit-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
}


#main #content #container .gallery .image .frame a{
	display: block;
	position: absolute;
	height: 200px;
	width: 200px;
	z-index: 2;
	transform: rotate(2deg) ;
		-webkit-transform: rotate(2deg) ;
		-moz-transform: rotate(2deg) ;
		-o-transform: rotate(2deg) ;
		-ms-transform: rotate(2deg) ;
}


#main #content #container .small_gallery{
	text-align: center;
	margin-top: 20px;
}


#main #content #container .small_gallery .image{
	display: inline-block;
	margin: 10px;
	width: 120px;
	height: 120px;
}


#main #content #container .small_gallery .image img{
	border: solid 6px #BA2336;
	width: 120px;
	height: 120px;
	-ms-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	-webkit-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
}


#main #content #container .small_gallery .image a{
	display: block;
	position: absolute;
	height: 120px;
	width: 120px;
	z-index: 2;
}


#main #content #container #awards{
	text-align: center;
	margin: 10px;
}

#main #content #container #awards .award_image{
	width: 140px;
	height: 140px;
	display: inline-table;
	border-radius: 100px;
	background-color: #113f4f;
	margin: 5px;
}

#main #content #container #awards  .award_image .frame{
	width: 130px;
	height: 130px;
	border: 2px dotted #eaeaea;
	position: absolute;
	border-radius: 100px;
	margin: 3px;
}

#main #content #container #awards  .award_image a,
#main #content #container #awards  .award_image a:link,
#main #content #container #awards  .award_image a:visited{
	display: block;
	position: absolute;
	border-radius: 100px;
	width: 120px;
	height: 120px;
	margin: 5px;
}

#main #content #container #awards  .award_image img{
	margin: 4px;
	border: solid 1px #113f4f;
	border-radius: 100px;
	opacity: .9;
}

#main #content #container #awards .price{
	display: inline-table;
	width: 252px;
	height: 120px;
	background: url('../images/award.png') no-repeat;
	padding: 0;
	text-align: center;
	font-size: .7em !important;
	margin: 10px 5px;
}

#main #content #container #awards .price .title{
	display: block;
	margin: 5px 30px;
	color: #3A0303;
	text-shadow: 
		2px 2px 2px rgba(255, 255, 255, 0.85);
}


#main #content #container #awards .price .country{
	display: block;
	text-transform: uppercase;
	color: #BA2336;
	font-weight: bold;
	margin: -5px auto;
	text-shadow: 
		2px 2px 2px rgba(255, 255, 255, 0.85);
}


#main #content #container .work{
	display: inline-flex;
	width: 350px;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 10px;
	margin: 5px;
	text-align: left;
	-ms-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	-webkit-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
}

#main #content #container .work .content{
	display: inline-block;
	font-size: .9em;
}

#main #content #container .work .image{
	display: inline-block;
	height: 120px;
	witdh: 120px;
	border: solid 3px #BA2336;
	margin: 5px 10px 5px 5px;
}

#main #content #container .work .image img{
	height: 120px;
	witdh: 120px;
}

#main #content #container .work .small_price{
	display: inline-block;
	width: 100px;
	height: 50px;
	background-size: contain;
	padding: 10px;
	text-align: center;
	font-size: .8em !important;
	margin: 5px;
}


#main #content #container .work strong{
	font-size: .6em;
}

#main #content #container #email{
	margin-top: 10px;
	display: block;
}


#main #content #container #email a,
#main #content #container #email a:link,
#main #content #container #email a:visited{
    background-color: #BA2336;
    color: #ddd;
	-ms-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	-webkit-filter: drop-shadow( 7px 7px 7px rgba(0, 0, 0, 0.5));
	filter: drop-shadow( 7px 7px 7px rgba(0, 0, 0, 0.5));
	text-decoration: none;
	padding: 10px;
	font-size: 24px;
	display: inline-block;
	height: 30px;
}


#main #content #container #contact{
	font-size: 24px;
	text-align: left;
	display: block;
	width: 90%;
	margin: 0 auto;
	color: #eaeaea;
}


#main #content #container  #contact span{
    font-size: 18px;
    text-align: right;
    font-weight: bold;
    display: block;
    width: 100%;
    color: #BA2336;
	font-family: "awesome_regular";
	text-shadow: 
		2px 0 0 #ddd, -2px 0 0 #ddd, 0 2px 0 #ddd, 0 -2px 0 #ddd, 
		1px 1px #ddd, -1px -1px 0 #ddd, 1px -1px 0 #ddd, -1px 1px 0 #ddd,
		7px 7px 7px rgba(0, 0, 0, 0.85);
	margin: 10px 0 -10px 0;
}


#main #content #container #contact form{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#main #content #container  #contact table{
    width: 100%;
}

#main #content #container #contact label{
	font-size: 24px;
	color: #BA2336;
	font-family: "awesome_regular";
	text-shadow: 
		2px 0 0 #ddd, -2px 0 0 #ddd, 0 2px 0 #ddd, 0 -2px 0 #ddd, 
		1px 1px #ddd, -1px -1px 0 #ddd, 1px -1px 0 #ddd, -1px 1px 0 #ddd,
		7px 7px 7px rgba(0, 0, 0, 0.85);
}


#main #content #container #contact #email{
	font-size: 30px;
}


#main #content #container #contact a{
	text-decoration: none;
	margin: 0 0 0 0;
    display: block;
}


#main #content #container  #contact input[type=text], #main #content #container  #contact textarea{
	width: 100%;
    padding: 6px;
    margin: 0 0 10px -8px;
    font-size: 16px;
	border: solid 4px #BA2336;
	background-color: rgba(220, 220, 220, .8); 
	-ms-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	-webkit-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	color: #222;
}


#main #content #container #contact .button{
	margin: auto 0;
	text-align: center;
}


#main #content #container #contact .button button{
    text-transform: uppercase;
	padding: 8px;
	font-size: 16px;
	width: 200px;
	margin: 0 -15px 15px 0;
    border: solid 4px #BA2336;
	background-color: #BA2336;
	-ms-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	-webkit-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	color: #fff;
}


#main #content #container #contact .button button:hover{
	cursor: pointer;
	color: #222;
}



/* Monkey patching */
.mCSB_scrollTools_vertical {
	top: 20px !important;
	bottom: 20px !important;
}

/* Monkey Patch del Popup */
.mfp-counter{
	font-family: awesome_regular !important;
    font-size: 24px;
    position: absolute !important;
	top: auto  !important;
	bottom: 14px  !important;
	right: 0  !important;
	left: 0 !important;
}

.mfp-title{
	font-family: awesome_regular !important;
    color: #999 !important;
    margin-top: -30px;
    position: auto !important;
}

.mfp-title span{
	font-family: awesome_regular !important;
    color: #eaeaea !important;
	font-weight: bold;
}

img.mfp-img {
    width: auto;
    max-width: 95% !important;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px !important;
    margin: 0px auto;
	border: solid 10px #BA2336;
	-ms-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	-webkit-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	background-color: #BA2336 !important;
}

.mfp-bottom-bar {
	font-family: awesome_regular !important;
	margin-top: -40px !important;
	right: 45px !important;
	width: 70px !important;
	text-align: center !important;
	border-radius: 5px;
	background-color: rgba(50, 50, 50, .6);
	left: auto !important;
	height: 28px;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.5 !important;
}


/* ++++++++++++++++++++++++++++++++++++ */
/* RESPONSIVE CONTENT  */

@media screen and (max-width: 1100px){
		
	#logo{
		width: 135px;
		height: 62px;
		position: absolute;
		top: -1px;
		left: -2px;
		background: url('../images/logo.png') no-repeat;
		z-index: 10;
		background-size: cover;
	}
	#banner #external_links {
		left: 140px;
	}
	#menu #menubar {
		position: absolute;
		top: -5px;
		right: 10px;
		left: 10px;
		text-align: center;
	}
	#menu {
		height: 70px;
		font-size: 1.8em;
	}
	#main #content {
		bottom: 70px;
		overflow: auto;
	}
	#main #content #container .video_gallery{
		text-align: center;
		padding: 5px;
		margin-top: -20px;
	}

	#main #content #container .video_gallery .video{
		display: inline-block;
		margin: 10px;
		border: solid 6px #BA2336;
		background: #BA2336;
		width: 250px;
		height: 150px;
		-ms-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
		-webkit-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
		filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
	}


	#main #content #container .video_gallery .video iframe{
		width: 250px;
		height: 150px;
	}
}


@media screen and (max-width: 790px){
	body {
		overflow: auto !important;
		background-color: #eee;
	}
	#background{
		display: none;
	}
	#main, #main #content, #banner, #banner #external_links, #info, #menu, #menu #menubar, #logo{
		position: relative;
	}
	#main{
		margin-bottom: 40px;
		overflow: visible;
	}
	#menu{
		margin: 5px 0;
	}
	#menu #menubar{
		top: auto;
		right: auto;
		left: auto;
	}
	#menu #menubar .selected {
		padding: 0px 5px;
	}
	#main #content #container p {
		margin: 0px;
		padding: 10px;
	}
	
	#banner{
		margin:10px !important;
		text-align: center;
	}
	#banner #external_links{
		left: auto;
	}
	#main #content #container .show {
		display: inline-block;
	}
	#main #content #container .work {
		display: inline-flex;
		width: 290px;
		padding: 5px;
		margin: 2px;
	}
}