/* @group TAGS    ############################# */
body{font-family: 'Open Sans', sans-serif; font-weight:300; background:#1a1a1a; color:#fff;}
h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif;font-weight:300; color:#d0d0d0;}
p{ font-size:1rem; font-family: 'Open Sans', sans-serif;font-weight:300; color:#ddd}
ul,ol,li{ font-size:0.8rem; }
a{ color:#fff;}
a:hover{ color:#ccc;}
strong{ font-weight:600;}
button{}
button, .button{background:#d0d0d0; color:#171717;}
button:hover, .button:hover{background:#fff; color:#171717;}
table {width:100%;border-collapse: collapse;}
label{ color:#fff;}
table tr th, table tr td{color:#fff; text-align:right;}
/* @group TYPOGRAPHY    ############################ */
.summary{display:block; color:#fff; text-transform:uppercase; font-size:2rem; margin:0px 0 5px 0; font-weight:300;}
.summary a{color:#2e4a5b;}
.midsummary{display:block; font-size:1.4rem;}
.minisummary{ font-weight:bold;display:block; font-size:1rem; color:#2e4a5b; margin-bottom:3px; }
.subsummary{ font-size:1.2rem;  display:block; padding-bottom:10px; margin:-10px 0 10px 0; color:#cbb84c;}

/* @end */

/* @group GENERIC CLASSES    ############################ */
.imgright{ float:right; margin:3px 0 3px 24px;}
.imgleft{ float:left; margin:3px 24px 3px 0;}
.aright{ text-align:right;}
.cnt{ text-align:center;}
.mini{ font-size:0.8rem;}
.spaceB{ margin-bottom:1rem !important;}
.rounded{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.cta{ background:#d0d0d0; color:#171717; font-size:18px; display:inline-block; padding:7px 15px;  text-align:center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.cta:hover{background:#fff; color:#171717;}
.baloon{-webkit-border-radius: 500px;-moz-border-radius: 500px;border-radius: 500px;}
.stk{ border:8px solid #fff;-moz-box-shadow: -4px 4px 5px rgba(0,0,0,0.2);-webkit-box-shadow: -4px 4px 5px rgba(0,0,0,0.2);box-shadow: -4px 4px 5px rgba(0,0,0,0.2);}
article p{ text-align:justify;}
.more{}
/* @end */
header{ z-index:99; position:absolute; width:100%;}
header #logo{ position:absolute;z-index:99; margin:30px 0 0 0px; }
header #logo img{ width: 115px; height: 75px; }
header nav{ overflow:hidden;}
header nav ul{ float:right; margin:58px 0 0 0; padding:0;list-style:none;}
header nav ul li{ float:left;list-style:none; margin:0; padding:0; }
header nav ul li a{text-shadow: 1px 1px 3px #0e0e0e !important; /* Tutti i browser moderni */filter: dropshadow(color=#0e0e0e, offx=0, offy=0) !important; font-size:1rem; color:#fff; text-transform:uppercase; padding:0 0 13px 0; margin:0 0 0 25px;display:block;}
header nav ul li a:hover{ color:#fff; }
header nav ul li.active a{background: url(../img/white.jpg) repeat-x 0 bottom; }

#container{padding:160px 0 30px 0;}
#container.chome{ border-top:1px solid #717171; padding:30px 0;}
.content{ border-top:1px solid #717171; padding:30px 0; }

.slider {}
.slider.slick-slider{ margin-bottom:0 !important; overflow:hidden;}
.slider .slick-slide{ position:relative;text-align:center; }
.slider .slick-slide img{ margin:0 auto;}
.slider .slick-slide .sCaption{ text-align:center; position:absolute; top:260px; color:#fff;  width:700px; margin-left:-350px; left:50%;}
.slider .slick-slide .sCaption .summary{ font-family:'Open Sans', sans-serif; text-transform:uppercase;display:inline-block;color:#cbb84c; margin:0; padding:0 0 0 0; font-size:18px;text-shadow: 1px 1px 3px #0e0e0e !important; /* Tutti i browser moderni */filter: dropshadow(color=#0e0e0e, offx=1, offy=1) !important;}
.slider .slick-slide .sCaption .summary i{ font-size:18px;}
.slider .slick-slide .sCaption p{ font-family:'Open Sans', sans-serif;  line-height:1.1; font-weight:400; margin:5px 0 20px 0; padding:0; text-align:center; text-transform:uppercase; font-size:52px;text-shadow: 1px 1px 3px #0e0e0e !important; /* Tutti i browser moderni */filter: dropshadow(color=#0e0e0e, offx=0, offy=0) !important;}
.slider .slick-dots{ bottom:15px; margin:0; padding:0; }
.slider .slick-prev{ left:25px; }
.slider .slick-next{ right:25px;}
.slider .slick-prev, .slider .slick-next{ height:40px !important}
.slider .slick-prev::before,.slider  .slick-next::before{ color:#fff !important;font-size:70px !important;line-height: 0px !important;text-shadow: 1px 1px 3px #0e0e0e !important; /* Tutti i browser moderni */filter: dropshadow(color=#0e0e0e, offx=0, offy=0) !important;}
.slider .slick-dots li button:before{ font-size:16px !important;color:#fff !important;}
.slider .slick-dots li{ margin:0 !important;}

.slider .slick-slide .sCaption .cta {
    background: transparent none repeat scroll 0 0;
    border: 1px solid rgba(169, 137, 112, 0.7);
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    padding: 15px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 0.2s ease 0s;
    vertical-align: middle;
	font-weight:300;
}
.slider .slick-slide .sCaption .cta .icon {
    fill: #cbb84c;
    margin-left: 5px;
}
.slider .slick-slide .sCaption .cta::before {
    border: 1px solid #cbb84c;
    bottom: -3px;
    content: "";
    left: 1px;
    position: absolute;
    right: 1px;
    top: -3px;
}
.slider .slick-slide .sCaption .cta::after {
    background: #cbb84c none repeat scroll 0 0;
    bottom: auto;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 0.4s ease 0s, height 0.4s ease 0s;
}
.slider .slick-slide .sCaption .cta:hover {
    color: #fff;
}
.slider .slick-slide .sCaption .cta:hover::after {
    height: 100%;
    opacity: 0.3;
    transition: opacity 0.4s ease 0s, height 0.4s ease 0s;
}
.promo-link::before, .promo-link::after {
    background: #cbb84c none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 1px;
    opacity: 0.3;
    vertical-align: middle;
    width: 11%;
}
.promo-link::before {
    margin-right: 18px;
}
.promo-link::after {
    margin-left: 18px;
}

.tab-bar{ background:#1f1f1f; height:77px; line-height:77px;}
.left-small{height:77px; line-height:77px;}
.tab-bar .menu-icon{height:77px;}
.left-off-canvas-menu{ background:#1f1f1f;}
.left-off-canvas-menu .booking{ font-family: 'Dancing Script', cursive;  color:#fff; padding:1rem; }
.left-off-canvas-menu .booking a{color:#fff;  }
.left-off-canvas-menu .booking span{display:block; color:#ffba00; font-size:1.5rem;}
.left-off-canvas-menu ul{ margin:0; padding:0; list-style:none;}
.left-off-canvas-menu ul li{ border-bottom:1px solid #281f1a;margin:0; padding:0; list-style:none;}
.left-off-canvas-menu ul li a{ color:#fff; display:block; padding:10px 15px; text-transform:uppercase;}
.left-off-canvas-menu ul li a:hover{ background: url(../img/bg-white.png) repeat 0 0}
.left-off-canvas-menu ul li.active a{ color:#ffba00; }

.left-off-canvas-menu p{ padding:1rem; color:#fff;}
.left-off-canvas-menu p span{ font-family: 'Dancing Script', cursive; display:block; color:#ffba00; font-size:1.5rem; }

.imgHP{ position:absolute; margin-top:15px;}

.evidence{ background:#634e42 url(../img/bg-evidence.jpg) repeat-x 0 0; overflow:hidden;}
.evidence p{ color:#fff;font-family: 'Dancing Script', cursive;font-size:1.8rem; padding:15px 0; margin:0;}
.evidence p span{ color:#ffba00;}

footer{ color:#fff; border-top:1px solid #6a6a6a; padding-top:20px;}
footer .midsummary{color:#fff; display:block; }
footer .closer{ background:#0a0a0d url(../img/bg-closer.png) repeat 0 0; padding:15px 0;}
.credits { color:#fff;background: url("http://www.ars.agency/images/logo-web-agency-white.png") no-repeat scroll right center rgba(0, 0, 0, 0);padding-right: 57px;}
.credits:hover {color: #d7df21;}
.credits2 { color:#fff;background: url("http://www.ars.agency/images/logo-discotecheitalia.png") no-repeat scroll right center rgba(0, 0, 0, 0);padding-right: 52px;}
.credits2:hover {color: #d7df21;}

.item{ }
.item .cover{ position:relative; }
.item .cover span{ color:#181818; display: inline-block; padding:2px 23px 0 15px; text-transform:uppercase; min-height:33px; position:absolute; top:20px; left:-10px; background:url(../img/bg-span-cover.png) no-repeat right top;}
.item .title{ text-transform:uppercase;display:block; color:#fff; background:#1e1e1e url(../img/bg-item.jpg) repeat-x 0 0; font-size:1.1rem; font-weight:300; padding:9px 20px;}
.item a:hover.title{ color:#bebebe;}

.items{ background:#252525; margin:20px 0 0 0;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.items .head{color:#fff; overflow:hidden; padding:1rem;}
.items .head h3{font-family: 'Dancing Script', cursive; color:#ffba00; font-size:2rem;}
.items .head p{font-size:1.1rem}
.items .head img{ float:right; margin:0 0 0 24px}
.items .list{ padding:20px 0 0 0;background:#1e1e1e url(../img/bg-item.jpg) repeat-x 0 0;}
.items .list table{ background: transparent; border:none;}
.items .list table td{ background: transparent; border:none; border-bottom:1px solid #393939}
.items .list table .desc{ margin:0; padding:0; color:#fff; }
.items .list table .desc span{ text-transform:uppercase;}
.items .list table .price{ text-align:right;font-family: 'Dancing Script', cursive; font-size:1.3rem; color:#f7a536}
.items .list table .price span{ font-size:1rem; color:#fff}
.items .list .notes{ padding:0 1rem 1rem 1rem;}

.breadcrumb{font-size:0.8rem; padding:10px 0 5px 0; text-transform:uppercase;}
.breadcrumb span{font-size:1rem; display:inline-block; margin-right:7px;}

.pGallery{ position:relative; line-height:0; margin-bottom:20px;}
.pGallery a{ display:block;}
.pGallery .cover img{ width:100%; height:auto; line-height:0;}
.pGallery .details{ padding:0; margin:0px; font-size:14px; position:absolute; bottom:0;  width:100%; height:100%; color:#fff; display:none;background: url(../img/bg-color.png) repeat 0 0 ;}
.pGallery .details i{ padding-top:25px}
.pGallery .details a{ line-height:21px; font-size:16px;  padding:10px; display:block; text-align:center; color:#fff; text-transform:uppercase;}
.pGallery .details a img{ display:block; margin:50px auto 10px auto;}
.pGallery .details a:hover{ text-decoration:none; }
.pGallery .details a span{ display:block;color:#fff; font-size:14px; margin-top:10px;}

.gallery{}
.gallery a{ float:left; margin:0px 4px 4px 0;}
.gallery img{ height:120px;}

.singleslider img{ height:200px; width:auto; margin:0 1px 0 0}
.singleslider .slick-dots{ bottom:-60px;}
.singleslider .slick-dots li.slick-active button:before{ color:#ffba00 !important;}
.singleslider .slick-dots li button:before{ font-size:16px !important;color:#634e42 !important;}
.singleslider .slick-dots li button:hover:before,.slider  .slick-dots li button:focus:before{ color:#ffba00 !important;}

.abstract{ border-bottom:1px solid #454545; padding:15px 0;}
.abstract p{ text-align:justify; margin-bottom:10px;}
.abstract span{display:block;font-size:1rem;}
.abstract .title{display:block;font-size:1.5rem; color:#fff; text-transform:uppercase;}

.mainimg{ width:400px; height:auto; float: right; margin:0 0 0 24px;}

.infos{ margin:0 0 10px 0; padding:0; list-style:none;}
.infos li{ font-size:1rem;margin:0; padding:0; list-style:none; display:inline-block; border-right:1px dotted #ccc; padding:3px 13px 3px 0; margin:0 10px 0 0}

.notes ul{ margin:0 0 0px 0; padding:0; list-style:none;}
.notes ul li{ font-size:1rem;margin:0;list-style:none; padding:0; list-style:none; display:inline-block;padding:5px 10px; margin:0 2px 4px 0; color:#fff; text-transform:uppercase; background:#634e42;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.notes h3{ font-family: 'Dancing Script', cursive; font-size:2rem;  display:block; padding-bottom:0px; margin:-5px 0 4px 0; }

.instaslide.slick-slider{ padding:0 !important; margin:0 !important;}
.instaslide .slick-list{ padding:0 !important; margin:0 !important;}
.instaslide .slick-slide{ margin-right:1px;}
.instaslide .slick-prev{ left:25px; }
.instaslide .slick-next{ right:25px;}
.instaslide .slick-prev, .instaslide .slick-next{ height:40px !important}
.instaslide .slick-prev::before,.instaslide  .slick-next::before{ color:#fff !important;font-size:70px !important;line-height: 0px !important;text-shadow: 1px 1px 3px #0e0e0e !important; /* Tutti i browser moderni */filter: dropshadow(color=#0e0e0e, offx=0, offy=0) !important;}

#share .button-group{ margin-top:1rem;}
.button-group .button{ font-family: 'Open Sans', sans-serif; font-weight:300; padding:0.6rem 0.7rem; margin-right:10px; color:#fff; border:none !important;}
.button-group .button.fb{ background:#3955a1}
.button-group .button.tw{ background:#10aaf2}
.button-group .button.gp{ background:#d03916}
.button-group i{ margin-right:10px;}

.clearing-thumbs{}
.clearing-thumbs li{ float:left; margin:0 5px 5px 0;}
.clearing-thumbs li img{ height:160px;}


#map-canvas {width: 100%;height: 400px; border:1px solid #ccc;}

table tr.even, table tr.alt, table tr:nth-of-type(2n){ background:#252525;}

#dp_swf_engine{ display:none;}

// Small screens 
@media only screen { } /* Define mobile styles */ 
@media only screen and (max-width: 40em) {
.summary{ font-size:1.5rem;}
.subsummary{ font-size:1.5rem; margin-top:5px;}
.slider .slick-slide .sCaption{  top:20px; color:#fff;  width:100%; margin-left: auto; left: auto;}
.slider .slick-slide .sCaption .summary{ font-size:1rem; padding:5px 0 0 0; border-width:1px;}
.slider .slick-slide .sCaption .summary i{ font-size:1rem;display:none !important;}
.slider .slick-slide .sCaption p{ font-size:1rem; margin:0px 0 10px 0;}
.slider .slick-slide .sCaption .cta{ font-size:1rem; padding:5px 20px }
.slider .slick-prev, .slider .slick-next{ display:none !important;}
.slider .slick-dots{ padding:30px 0 10px 0; bottom:5px;}
.mainimg{ width:auto; height:auto; float:none; margin:0 0 15px 0;}
.slider.slick-slider{}
#container{padding:30px 0;}
.item{ margin-bottom:20px;}

 } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ 

// Medium screens 
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.slider .slick-slide .sCaption{  top:50px;}
.mainimg{ width:300px; height:auto;}
.slider.slick-slider{}
#container{padding:30px 0;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ 

// Large screens 
@media only screen and (min-width: 64.063em) {}   /* min-width 1025px, large screens */ 
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .slider.slick-slider{ }
    .slider .slick-slide .sCaption{  top:200px;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ 

// XLarge screens 
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ 
 
// XXLarge screens 
@media only screen and (min-width: 120.063em) {
} /* min-width 1921px, xxlarge screens */