/*
rosso romapass #b30739; #b10832
gialo romapass #fbba00;
grigio romapass #222222;
ombre romapass #cc9900; #d1990e
*/
html,
body { height: 100%; margin: 0; padding: 0; }
body { font-family: 'Merriweather Sans', Arial, sans-serif; color: #222222; font-size: 13px; background: #fff; border-top: 15px solid #b30739; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.clear-block:before,
.clear-block:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clear-block:after { clear: both; }
p, h1, h2, h3, h4, h5, h6, a, div, span, img, dl, dt, dd, form, fieldset, legend, label, td, tr, table { padding: 0; margin: 0; }
input, select, textarea, button, a { outline: none; }
input { margin-bottom: 10px; }
/*select, textarea, button {
	margin-bottom:10px;
}*/
a { color: #222222; text-decoration: none; }
	a:hover, a.rollover { text-decoration: none; color: #000; }
	a:focus { outline: none !important; outline-style: none !important; }
img { width: 100%; height: auto; border: none; }
img.img-real-dim { width:inherit!important;}
.img-auto img { width: auto; }

.container { margin-left: auto; margin-right: auto; max-width: 1000px; padding: 0px; position: relative; }
	.container:before,
	.container:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
	.container:after { clear: both; }
.clear-float { clear: both; }

/* griglia */
.grid-10 { float: left; width: 10%; }
.grid-20 { float: left; width: 20%; }
.grid-30 { float: left; width: 30%; }
.grid-33 { float: left; width: 33.33%; }
.grid-40 { float: left; width: 40%; }
.grid-50 { float: left; width: 50%; }
.grid-60 { float: left; width: 60%; }
.grid-70 { float: left; width: 70%; }
.grid-80 { float: left; width: 80%; }
.grid-90 { float: left; width: 90%; }
.grid-100 { /*float: left;*/ width: 100%; }
.grid-65 { float: left; width: 65%; }
.grid-35 { float: left; width: 35%; }
/* head */
.internal #header .container { border-bottom: 1px solid #9d9c9c; padding: 0 0 30px 0; }
.header { /*position: initial;*/ padding-top: 30px; }
.home .header { position: relative; }
.home .header { position: absolute; z-index: 200; width: 100%; }
.logo { float: left; }
	.logo img { width: auto; min-width: inherit; }
.header nav,
.nav-top { float: right; }
.navigation { display: block; }
.nav-top { position: absolute; right: 0; bottom: 40px; background: #fff; }
.home .nav-top { bottom: 10px; }
.nav-top { background: #fbba00; }
.home .nav-top { background: #fff; background: rgba(255,255,255,0.8); /* For modern browsers */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#CCFFFFFF', EndColorStr='#CCFFFFFF')"; /* For IE8 */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#CCFFFFFF', EndColorStr='#CCFFFFFF'); /* For IE6,IE7 */ }
.nav-top ul, .nav-top li { list-style-type: none; margin: 0; padding: 0; }
.nav-top ul { overflow: hidden; }
.nav-top li { float: left; font-size: 13px; font-weight: bold; text-transform: uppercase; padding: 0; margin-left: -1px; }
	.nav-top li.menu-lingua, .nav-top li.menu-cerca { font-size: 15px; padding: 4px 0; }
	.nav-top li a { display: block; color: #b10832; line-height: 45px; padding: 0 1.2vw; border-left: 1px solid #fff; }
.home .nav-top li a { border-left: 1px solid #939393; }
.nav-top li:hover, .nav-top li.active { background: #b10832; }
	.nav-top li:hover a, .nav-top li.active a { color: #fff; /*border-left:1px solid #b10832;*/ }
li.position-top { position: absolute; top: -50px; right: 0px; background-color: transparent; border: none; color: #fff; padding: 0; }
	li.position-top.menu-cerca { right: 90px; }
	li.position-top a { line-height: normal; border-left: none; }
.home li.position-top a { color: #fff; }
.home .nav-top li.position-top a { border-left: none; }
.internal li.position-top.menu-lingua:hover a { color: #fbba00; border: none; }
li.position-top:hover { background: transparent !important; }
.nav-top .menu-cerca .text-field { width: 30px; background: transparent url(../img/search-icon-internal.png) no-repeat center right; color: #333; outline: none; border: none; padding: 8px 28px 8px 5px; -webkit-transition: width 0.2s; -o-transition: width 0.2s; transition: width 0.2s; position: relative; color: transparent; border-radius: 4px; cursor: pointer; }
.home .nav-top .menu-cerca .text-field { background: transparent url(../img/search-icon.png) no-repeat center right; }
/*.nav-top .menu-cerca .icon { position: absolute; right: 0px; }
	.nav-top .menu-cerca .icon:before { width: 28px; background: transparent url(search-icon-internal.png) no-repeat center center; height: 27px; content: " "; display: block; }
.home .nav-top .menu-cerca .icon:before { background: transparent url(../img/search-icon.png) no-repeat center center; }*/
.nav-top .menu-cerca .text-field::-webkit-input-placeholder { color: #fff; text-indent: -1000em; }
.nav-top .menu-cerca .text-field:-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 0; }
.nav-top .menu-cerca .text-field::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 0; }
.nav-top .menu-cerca .text-field:-ms-input-placeholder { color: #fff; text-indent: -1000em; }
.nav-top .menu-cerca .text-field:active,
.nav-top .menu-cerca .text-field:focus { width: 200px; background: #b10832 url(../img/search-icon.png) no-repeat center right; color: #fff; cursor: text; }
/*.nav-top .menu-cerca .text-field + .btn-search { cursor: pointer; z-index: 100; position: absolute; right: -100em; background: transparent; border: none; height: 30px; width: 25px; top: -1px; }*/
.nav-top .menu-lingua { border-left: 1px solid #939393; padding: 5px; }
.home .nav-top .menu-lingua { border-left: 1px solid #fff; }

/* slider */
/***************/
/***** SVG *****/
/***************/
.svg-wrap { height: 0; width: 0; position: absolute; overflow: hidden; }
/******************/
/***** Swiper *****/
/******************/
.top-swiper.swiper-container {width:100%; height:60vw; }
.top-swiper .swiper-slide { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; content: ""; }
.top-swiper .slide-container { max-width: 1000px; margin: 0 auto; position: relative; height: 100%; }
.top-swiper .slide-content { z-index: 50; position: absolute; bottom: 9vw; right: 0; padding: 2.5vw 3vw 3.2vw; width: 30%; /* height:33vw; height:30vw; */ background: #000; background: rgba(0,0,0,0.7); /* For modern browsers */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#B2000000', EndColorStr='#B2000000')"; /* For IE8 */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#B2000000', EndColorStr='#B2000000'); /* For IE6,IE7 */ }
	.top-swiper .slide-content h2 { color: #fbba00; font-size: 2.4vw; }
/*****************************/
/***** Navigation Arrows *****/
/*****************************/
nav.nav-split .icon-wrap { position: relative; display: block; padding: 45px 5px; background-color: rgba(0, 0, 0, 0.5); }
nav.nav-split svg.icon { -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; fill: #fff; }
nav.nav-split div { position: absolute; top: 0; width: 200px; height: 100%; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; -webkit-perspective: 1000px; perspective: 1000px; }
nav.nav-split a { position: absolute; top: 50%; display: block; outline: none; text-align: left; z-index: 100; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	nav.nav-split a svg { display: block; margin: 0 auto; padding: 0; }
	nav.nav-split a.prev { left: 0; }
		nav.nav-split a.prev div { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
	nav.nav-split a.next { right: 0; }
		nav.nav-split a.next div { right: 0; text-align: right; -webkit-transform: translateX(100%); transform: translateX(100%); }
	nav.nav-split a:hover h3 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); font-weight: bold; }
nav.nav-split h3 { position: absolute; top: 100%; margin: 0; padding: 0 20px; width: 100%; height: 30%; background-color: rgba(0, 0, 0, 0.5); color: #fff; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 500; font-size: 0.75em; line-height: 2.75; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webki-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
nav.nav-split img { position: absolute; top: 0; left: 0; width: 100%; }
/**********************/
/***** Pagination *****/
/**********************/
.pagination-container-ext { position: absolute; width: 100%; z-index: 10; bottom: 0; height: 100%; }
.pagination-container-int { margin-left: auto; margin-right: auto; max-width: 1000px; padding: 0px; position: relative; height: 100%; }
	.pagination-container-int .pagination { position: absolute; bottom: 9.5vw; right: 0; text-align: center; width: 25%; z-index: 10; padding-top: 10px; border-top: 2px solid #fff; margin: 0 2.5%; }
		.pagination-container-int .pagination span.swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; background-color: transparent; box-shadow: inset 0 0 0 2px white; border-radius: 0; opacity:1; -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; margin: 2px; cursor: pointer; }
		.pagination-container-int .pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active, .pagination-container-int .pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active:hover { box-shadow: inset 0 0 0 8px white; }
		.pagination-container-int .pagination span.swiper-pagination-bullet:hover { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6); }

/* Slider news */
.slide-news { clear: both; display: table; width: 100%; height: 90px; }
	.slide-news .news-label { display: table-cell; float: none; position: relative; width: 20%; vertical-align: middle; overflow: hidden; }
		.slide-news .news-label:after { content: ''; position: absolute; top:50%; right: 0; border-top: 100px solid #b10832; border-left: 45px solid transparent; border-bottom: 100px solid #b10832; z-index: 2; height: 0px; width: 2px; margin-top:-100px; }
		.slide-news .news-label h2 { font-size: 27px; text-align: left; text-transform: uppercase; color: #b10832; padding-left: 40px; }
			.slide-news .news-label h2 a { color: #b10832; }
	.slide-news .news-swiper { display: table-cell; background: #b10832; max-width: 300px; vertical-align: middle; z-index: 1;padding: 0px 60px 0 0; }
		.slide-news .news-swiper .swiper-wrapper { height: 90px; }
		.slide-news .news-swiper .next { background: url(../img/freccia-news-slider.png) no-repeat center center; }
	.slide-news .news-text { font-size: 16px; padding-right: 0px; padding-left: 0px; color: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin:0 15px 0 8px; }
		.slide-news .news-text span { font-size: 19px; color: #fbba00; }
		.slide-news .news-text a { color: #fff; text-decoration: none; }
			.slide-news .news-text a:hover { text-decoration: underline; }
@media (max-width: 800px) {
	.slide-news .news-label h2 { font-size: 3.8vw; padding-left: 4vw; }
	.slide-news .news-text { font-size: 14px; }
	.slide-news .news-text span {font-size: 16.5px; }
}

@media (max-width: 600px) {
	.slide-news { display: block; height: auto; }
	.slide-news .news-label { display: block; width: auto; overflow:visible; }
		.slide-news .news-label h2 { font-size: 3.8vw; width: 135px; text-align: center; }
		.slide-news .news-label:after { bottom: -15px; left: 4vw; border-left: 60px solid transparent; border-top: 15px solid #fbba00; border-right: 60px solid transparent;border-bottom:none; background: #b10832; top:auto; margin-top:0; }
	.slide-news .news-swiper { display: block; max-width: inherit; padding-top: 20px;  padding-left: 4vw; height: auto !important; height: 50px; min-height: 50px; }
	.slide-news .news-text { font-size: 13px; }
	.slide-news .news-text span {font-size: 15px; }
	.slide-news .news-swiper .next { top:65px;  }
}

@media (max-width: 360px) {
	.slide-news .news-text { font-size: 12px; }
	.slide-news .news-text span {font-size: 14px; }
}

/* main body*/
.main-body .container { height: auto !important; height: 300px; min-height: 300px; padding: 3vw 4vw; }
.home .main-body .container { background: #fbba00; padding: 0; }
.home .two-cols { padding: 0 0 4vw 4vw; }
.home .box-acquista-container { padding: 0 4vw 4vw 0; float: right; }
.home .box-acquista-content { background: #fff; }
.home .box-acquista-container h2 { background: #fbba00; font-size: 27px; line-height: 38px; margin-top: -38px; z-index: 100; position: relative; text-align: center; text-transform: uppercase; color: #b10832; }
.box-acquista-72, .box-acquista-48 { padding: 20px 0; width: 80%; border-top: 2px solid #fbba00; margin: auto; margin-top: -2px; }
.box-acquista-img, .box-acquista-count { display: table-cell; vertical-align: middle; }
.box-acquista-img { width: 55%; padding-right: 15px; }
.box-acquista-count { width: 45%; background: #b10832; }
	.box-acquista-count input { /*display:table-cell;*/ width: 39%; vertical-align: middle; padding: 0; text-align: center; }
		.box-acquista-count input[type=button] { background: none; border: none; color: #fff; font-weight: bold; font-size: 20px; cursor: pointer; width: 25%; margin-bottom: 0; }
		.box-acquista-count input[type=text] { background: none; border: none; color: #fbba00; font-weight: bold; font-size: 24px; margin-bottom: 0; }
.home .box-acquista .send-button { text-align: center; padding-bottom: 20px; }
	.home .box-acquista .send-button input { background: #fbba00; width: 80%; margin: auto; border: none; color: #b10832; line-height: 40px; font-size: 18px; cursor: pointer; }
.home .box-acquista-container .login { background: #b10832; text-align: center; padding: 20px; }
	.home .box-acquista-container .login h2 { color: #fbba00; font-size: 16px; line-height: 25px; text-transform: uppercase; margin-top: 0; background: none; width: auto; float: none; margin-right: 0; }
	.home .box-acquista-container .login p, .home .box-acquista-container .login p a { color: #fff; }
/* home box cards */
.box-card { /*padding-right:4vw;*/ }
.home .box-card { padding-right: 4vw; }
.box-card-bg { padding: 0 1vw; height: 100%; position: relative; }
.box-card-72 .box-card-bg { padding-left: 0; }
.box-card-48 .box-card-bg { padding-right: 0; }
.box-card-body { border: 1px solid #c6c6c6; padding: 10px 0 10px 10px; }
.home .box-card-body { border: none; padding: 0px; }
.home .box-card-bg { padding: 0 3px 3px 0; position: relative; height: 100%; }
	.home .box-card-bg:hover { background: #cc9900; }
	.home .box-card-bg::after { content: ''; position: absolute; bottom: 0; right: 0; border-bottom: 38px solid #fbba00; border-left: 38px solid transparent; width: 0; z-index: 1; }
.home .box-card .box-card-bg a::after { content: ''; position: absolute; bottom: 0; right: 0; border-bottom: 38px solid #fbba00; border-left: 38px solid transparent; width: 0; z-index: 2; }
.home .box-card:hover .box-card-bg a::after { border-bottom: 38px solid #cc9900; }
.home .box-card:hover .box-card-bg .box-card-body::after { content: "+"; position: absolute; bottom: -6px; right: 2px; z-index: 3; font-size: 26px; font-weight: bold; color: #b10832; }
.home .box-card .box-card-bg a { padding: 15px 0 15px 15px; display: block; background: #fff; }
	.home .box-card .box-card-bg a:hover { text-decoration: none; }
.box-card-img.grid-60 { padding-right: 40px; }
.box-card-text h3 { font-weight: bold; font-size: 14px; color: #b10832; }
.box-card-text ul { margin: 10px 0 5px 8px; padding: 0; color: #fbba00; }
.box-card-text li { margin: 0 0 4px 10px; padding: 0 10px 0px 0; color: #fbba00; } /*color: #fbba00;*/
.box-card-text li p { color: #000; }

.acquista.card .box-card { margin-bottom: 20px; }

/* footer */
.footer .container { background: #d0d0d0; padding: 40px; }
.footer a { color: #b10832; }
	.footer a:hover { text-decoration: underline; }
.footer .contatti-footer-sx h3 { font-size: 15px; text-transform: uppercase; padding-bottom: 10px; }
.footer .contatti-footer-dx { border-left: 1px solid #fff; padding-left: 20px; }
	.footer .contatti-footer-dx ul, .footer .contatti-footer-dx li { padding: 0; margin: 0; list-style-type: none; }
	.footer .contatti-footer-dx ul { display: table; width: 100%; margin-top: 10px; }
	.footer .contatti-footer-dx li { display: table-cell; padding-right: 15px; font-size: 12px; }
		.footer .contatti-footer-dx li:last-child { padding-right: 0px; }
.loghi-footer .container { padding: 40px 0; }
.loghi-footer p { float: left; width: 25%; padding: 0 10px; text-align: center; }
.loghi-footer img { height: 40px; width: auto; }
.loghi-footer p:first-child { padding-left: 0; }
.loghi-footer p:last-child { padding-left: 0; }
.loghi-footer img.logo-zetema-2020 { height:50px; margin-top:-5px; }
.slider-footer-title { background: url(../img/bg-title-footer-scroll.png) repeat-y center center; }
	.slider-footer-title .container { background: #fbb900 url(../img/freccia-footer-scroll.png) no-repeat left center; padding-left: 30px; height: 46px; }
	.slider-footer-title h4 { font-size: 15px; color: #b10832; line-height: 46px; }
		.slider-footer-title h4 a { color: #b10832; }
.slider-footer img { width: auto; }
.scroll-img { width: 100%; height: 200px; overflow: hidden; font-size: 0; }
	.scroll-img ul { height: 200px; margin: 0; padding: 0; width: 5000px; }
		.scroll-img ul li { display: inline-block; margin: 0; }
.bx-viewport { position: relative; }
.slider-footer-btn { position: absolute; top: 50%; width: 100%; }
	.slider-footer-btn .btn { position: absolute; top: 50%; display: block; outline: none; text-align: left; z-index: 100; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: none; border: none; padding: 3px 10px; font-weight: bold; font-size: 25px; color: #b10832; cursor: pointer; background: #fff; background: rgba(255,255,255,0.8); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#CCFFFFFF', EndColorStr='#CCFFFFFF')"; /* For IE8 */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#CCFFFFFF', EndColorStr='#CCFFFFFF'); /* For IE6,IE7 */ zoom: 1 !important; }
.slider-footer-backward { left: 20px; }
.slider-footer-forward { right: 20px; }
.footer-link { background: #b10832; color: #fff; padding: 10px; text-align: center; font-size: 12px; }
	.footer-link a { background: #b10832; color: #fff; }
.pay-system { text-align: center; padding: 10px 0; }
	.pay-system img { width: auto; margin: 0 10px; }
/* acquista */
.send-form { text-align: center; margin: 10px 0; padding: 20px 0 0; }
	.send-form input { text-align: center; background: #b10832; color: #fff; margin: 0 15px 10px; border: none; padding: 8px; font-weight: bold; font-size: 16px; cursor: pointer; }
		.send-form input:hover { background: #fbba00; color: #b10832; }
/* select PIT */
.dropp { max-width: 100%; border: 1px solid #ccc; position: relative; margin-bottom:10px; }
.dropp-header { -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; }
.dropp-header-title { display: block; padding: 7px 8px; -webkit-box-flex: 8; -moz-box-flex: 8; box-flex: 8; -webkit-flex: 8; -moz-flex: 8; -ms-flex: 8; flex: 8; display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; color: #222222; }
.dropp-header-btn { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 8px 0 0; background: #b10832; color: #fff; }
	.dropp-header-btn .icon { display: block; position: relative; width: 1.5em; height: 1.5em; margin: 0 auto; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
		.dropp-header-btn .icon:before, .dropp-header-btn .icon:after { content: ""; position: absolute; top: 30%; left: 25%; width: 50%; height: 15%; background: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
		.dropp-header-btn .icon:after { top: 55%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.dropp-header-btn.active { background: #b10832; }
		.dropp-header-btn.active .icon { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
			.dropp-header-btn.active .icon:before, .dropp-header-btn.active .icon:after { background: #fff; }
	.dropp-header-btn:focus { outline: none; }
.dropp-body { padding: 10px 10px 0 10px; position: absolute; left: -1px; background: #fff; z-index: 100; border: 1px solid #ccc; }
	.dropp-body p { cursor: pointer; padding-bottom: 5px; border-bottom: 1px dashed #ccc; }
		.dropp-body p.active, .dropp-body p:hover { background: #f4f4f4; }

div.privacy { /* background-color: #EFEFEF; border: 1px solid gray; height: 10em; overflow: auto; padding: 0.5em; font-size: 90%; margin-top: 10px; margin-bottom:5px;*/ }
	div.privacy ul { margin-bottom: 0; }
	div.privacy li { color: #333; }
div.ADshortenref p { padding: 11px 0; }

/* tabella report */
.table-report { width: 100%; margin: 20px 0; border-collapse: collapse; }
	.table-report th { border: 1px solid #fff; padding: 5px 10px; vertical-align: middle; background: #f4f4f4; }
	.table-report td { border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; padding: 5px 10px; vertical-align: middle; background: #fff; }
	.table-report .th-left { border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; background: #fff; text-align: left; }
.table-report.alternate-row { border: 1px solid #ccc; }
	.table-report.alternate-row th { border: 1px solid #ccc; }
	.table-report.alternate-row td { border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: transparent; }
	.table-report.alternate-row tr:nth-child(2n) { background: #fff8e6; }
	
/* */
/* responsive */
@media (min-width: 200px) {
	.top-swiper .slide-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 2.5vw 3vw 10vw; }
		.top-swiper .slide-content h2 { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 100%; }
}

@media (min-width: 801px) {
	.top-swiper.swiper-container { width: 100%; height: 600px; }
	.nav-top li a { padding: 0 8px; }
	.nav-top li.menu-lingua a, .nav-top li.menu-cerca a { padding: 0 13px; }
	.top-swiper .slide-content h2 { font-size: 24px; text-transform: uppercase; }
	.top-swiper .slide-content { bottom: 90px; /*padding: 30px 40px;*/ padding: 20px 40px 45px; /*height:auto !important;*/ height: 330px !important; min-height: 330px !important; }
	.pagination-container-int .pagination span.swiper-pagination-bullet { margin: 5px; }
	.pagination-container-int .pagination { bottom: 95px; }
	.main-body .container { padding: 30px 40px; }
	.home .main-body .container { padding: 0; }
	.home .two-cols { padding: 40px 0 40px 40px; }
	.home .box-card { padding-right: 40px; }
	.home .box-acquista-container { padding: 0 40px 40px 0; }
}

@media (max-width: 980px) {
	.nav-collapse, .nav-collapse.collapse { display: none; top: 135px; width: 50%; z-index: 200; }
	.header nav,
	.nav-top { float: none; height: 90px; }
		.nav-top ul { background: #fbba00; -moz-box-shadow: -5px 5px 10px 0px #aaa; -webkit-box-shadow: -5px 5px 10px 0px #aaa; box-shadow: -5px 5px 10px 0px #aaa; }
	.home .nav-top ul { background: #fff; }
	.nav-top li { width: 100%; margin-left: 0px; }
	.nav-top li { border-bottom: 1px solid #fff; }
	.home .nav-top li { border-bottom: 1px solid #939393; }
	.nav-top li a { border-left: none !important; }
	li.position-top.menu-lingua:hover { background: #b10832 !important; }
	li.position-top.menu-cerca:hover { background: #transparent !important; }
	li.position-top, li.position-top.menu-cerca, .home li.position-top a { position: relative; color: #b10832; top: 0; right: 0; }
		li.position-top a { line-height: 45px; }
	.home .nav-top .menu-cerca .text-field, .nav-top .menu-cerca .text-field { background: #b10832 url(../img/search-icon.png) no-repeat center right; line-height: 39px; margin: 3px; width: 98%; }
		.nav-top .menu-cerca .text-field:active, .nav-top .menu-cerca .text-field:focus { width: 98%; }
	.nav-top .menu-lingua { border: none; padding: 4px 0; }
	.home .nav-top .menu-lingua { border-left: none; }
	.internal li.position-top.menu-lingua:hover a, .home li.position-top.menu-lingua:hover a { color: #fff; }

	.btn-navbar { position: absolute; z-index: 100; right: 10px; bottom: 10px; padding: 8px 8px 4px; border-radius: 5px; background: #fff; background: rgba(255,255,255,0.8); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#CCFFFFFF', EndColorStr='#CCFFFFFF')"; /* For IE8 */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#CCFFFFFF', EndColorStr='#CCFFFFFF'); /* For IE6,IE7 */ zoom: 1 !important; }
	.internal .btn-navbar { bottom: 40px; background: #fbba00; }
	.btn-navbar span { display: block; width: 20px; background: #b10832; height: 4px; border-radius: 2px; margin-bottom: 4px; }
	.home .box-acquista-container { width: 100%; padding: 0 4vw 4vw 4vw; float: none; }
	.home .box-acquista { width: 70%; display: table-cell; }
	.home .box-acquista-content { padding: 10px 10px 10px 0px; }
	.home .box-acquista-container h2 { float: right; width: 26vw; font-size: 3.8vw; margin-top: -48px; margin-right: -10px; }
	.box-acquista-72, .box-acquista-48 { padding: 0px 10px 0px; width: 48%; border-top: none; border-left: 2px solid #fbba00; margin: auto; margin-top: 0px; float: left; margin-right: 2%; margin-bottom: 20px; margin-left: -2px; }
	.home .box-acquista .send-button input { width: 50%; }
	.home .box-acquista-container .login h2 { margin-right: 0; font-size: 14px; }
	.home .box-acquista-container .login { display: table-cell; vertical-align: middle; padding: 0; }
	.box-acquista-img { width: 45%; padding-right: 10px; }
	.home .box-acquista .send-button { padding-bottom: 0px; }
	.home .grid-70 { float: left; width: 100%; }
	.footer .container { padding: 4vw; }
	.footer .grid-30 { float: left; width: 100%; }
	.footer .grid-70 { float: left; width: 100%; }
	.footer .contatti-footer-sx { padding-bottom: 15px; }
	.footer .contatti-footer-dx { border-left: none; border-top: 1px solid #fff; padding-left: 0px; padding-top: 15px; }
		.footer .contatti-footer-dx li { display: block; float: left; padding-right: 15px; padding-bottom: 15px; }
			.footer .contatti-footer-dx li:last-child { padding-right: 0px; }
	.loghi-footer p { width: 50%; padding-top: 4vw; padding-bottom: 4vw; }
		.loghi-footer p:nth-child(2n+1) { clear: left !important; }
	.loghi-footer .container { padding: 0; }
}

@media (max-width: 500px) {
	.top-swiper .slide-content, .pagination-container-ext { display: none; }
	.home .box-acquista { width: 100%; display: block; }
	.box-acquista-72, .box-acquista-48 { padding: 0px 0px 0px 10px; }
	.box-acquista-72 { width: 50%; }
	.box-acquista-48 { margin-right: 0; }
	.home .box-acquista-container .login { display: block; margin-left: 10px; margin-top: 10px; padding: 15px; }
	.box-acquista-count input[type=button] { font-size: 18px; width: 23%; }
	.box-acquista-count input[type=text] { font-size: 20px; }
	.box-card.grid-50 { width: 100%; margin-bottom: 4vw; }
	.home .two-cols { padding: 0 4vw 4vw 4vw; }
	.box-card { padding-right: 0; }
	.nav-split { display: none; }
	.pay-system img { max-width: 50%; }
	.table-report th, .table-report .td-delete { display: none; }
		.table-report th.th-left { display: block; }
	.table-report td[data-title]:before { display: block; content: attr(data-title) ":"; font-weight: bold; }
	.table-report td { width: 100%; display: block; text-align: center; }
		/*.table-report td.sc-col-1:before, .table-report td.sc-col-2:before, .table-report td.sc-col-3:before, .table-report td.sc-col-4:before { display: block; }
		.table-report td.sc-col-1:before { content: attr(data-col-1); }
		.table-report td.sc-col-2:before { content: attr(data-col-2); }
		.table-report td.sc-col-3:before { content: attr(data-col-3); }
		.table-report td.sc-col-4:before { content: attr(data-col-4); }*/
}

@media (max-width: 360px) {
	.nav-collapse, .nav-collapse.collapse { width: 100%; }
	.home .box-acquista-content { padding: 0; }
	.home .box-acquista-container h2 { width: 30vw; font-size: 5vw; margin-top: -36px; margin-right: 0; }
	.box-acquista-72, .box-acquista-48 { float: none; width: 80%; padding: 20px 0; border-left: none; border-top: 2px solid #fbba00; margin: auto; margin-top: -2px; }
	.box-acquista-img { width: 55%; padding-right: 15px; }
	.home .box-acquista-container .login { margin-left: 0px; }
	.loghi-footer p { width: 100%; float: none; }
	.loghi-footer p { clear: left !important; }
	.pay-system img { max-width: 50%; }
}

/*ADshorten*/
.ADshorten-container { width:100%; position:relative; }
.ADshorten-body { width:100%; overflow: hidden; }
.ADshorten-mask { position: absolute; bottom: -3px; left: 0; z-index: 2; height: 20px; background: url('../img/maschera-testo.png') top left repeat-x; background-color:transparent; width: 100%; }
.ADshorten-more { position: absolute; bottom: 0; right: 0; z-index: 300; }
	.ADshorten-more a { font-size: 26px; font-weight: bold; color: #b10832; position: absolute; bottom: -20px; right: -14px; }
		.ADshorten-more a:hover { text-decoration: none !important; }
.ADshortenMuseums .ADshorten-more a { position: absolute; top: -2px; z-index: 2; background: #fff; padding-right: 20px; font-size: 11px; color: #000; text-transform: uppercase; font-weight: normal; white-space: nowrap; }
	.ADshortenMuseums .ADshorten-more a::after { content: "+"; position: absolute; top: -10px; right: 0; z-index: 3; font-size: 26px; font-weight: bold; color: #b10832; }
	.ADshortenMuseums .ADshorten-more a.ADshorten-opened::after { content: "-"; }

/* internal body */
.main-body a:hover { text-decoration: underline; }
.box-content { display: table; width: 100%; position: relative; padding: 15px; margin-bottom: 20px; }
	.box-content.bordered { border: 1px solid #c6c6c6; }
	/*.box-content.extensible::after{ content: "+"; position: absolute; bottom: -6px; right: 2px; z-index: 3; font-size: 26px; font-weight:bold; color:#b10832; }*/
	.box-content.extensible .box-content-body::after { content: ''; position: absolute; bottom: 0; right: 0; border-bottom: 38px solid #c6c6c6; border-left: 38px solid transparent; width: 0; z-index: 100; }

	.box-content h1, h1.page-title, .box-content h2.big { font-weight: bold; font-size: 30px; color: #b10832; margin-bottom: 15px; }
	.box-content h2 { font-weight: bold; font-size: 20px; color: #b10832; }
	.box-content h3 { font-weight: bold; font-size: 14px; color: #b10832; }
	.box-content a { color: #b10832; }
	.box-content ul { margin: 10px 0 25px 8px; padding: 0; color: #fbba00; }
	.box-content li { margin: 0 0 4px 10px; padding: 0 10px 0px 0; color: #fbba00; }
	.box-content .lista-form li { list-style-type: none; }
/* aggiunti per search result */
		.box-content .search-results ul { margin-bottom: 15px; }
		.box-content .search-results li { margin-bottom: 0px; border-bottom:1px solid #ccc; list-style-type:none; padding:10px 10px 5px 15px; }
		.box-content .search-results li:nth-child(2n+2) { background-color: #f4f4f4; }		
		.box-content .search-results ul ul{ margin-bottom: 0px!important; }
		.box-content .search-results ul li li { margin-bottom: 8px!important; padding:0 0 8px 10px!important; border-bottom:1px dashed #ccc;}
		.box-content .search-results ul li li:last-child { border-bottom:none;padding:0 0 0 10px!important;}
		.box-content .search-results li li:nth-child(2n+2) { background-color: transparent; }
		.box-content .search-results li a:before{content:"\00bb"; margin-left:-16px; padding-right:2px;}
/* */ 		

.faq .box-content ol { counter-reset: section; /* list-style-type: none;*/ font-size: 14px; }
	.faq .box-content ol li ol li { text-indent: -25px; }
	.faq .box-content ol li ul li { text-indent: 0px; display: list-item; }
	.faq .box-content ol li::before { counter-increment: section; content: counters(section,".") ". "; }
	.faq .box-content ol li ul li::before { counter-increment: none; content: ""; }
.faq .box-content li { color: #000; display: block; }
.faq .box-content ul ul, .faq .box-content ol ol { margin-top: 10px; margin-bottom: 20px; }
.faq .box-content ol span { color: #b10832; cursor: pointer; }
	.faq .box-content ol span:hover { text-decoration: underline; }
.faq .box-content ol.faq li.faq div { background-color: #f0f0f0; padding: 5px 15px; text-indent: 0px; }
/*.box-content li p { color: #000; }*/
.box-content li { color: #000; }
.hidden-panel { display: inline; }
.box-content.banner-footer { text-align: center; }

	.box-content.banner-footer p { font-size: 18px; color: #444; }
.internal .box-content, .card .box-content, .musei .box-content, .eventi .box-content, .percorsi .box-content { font-size: 14px; }
	/* card */

	.card .box-content h3 { font-size: 20px; }
	.card .box-content .plus-list li { font-size: 17px; }
.card .box-acquista { padding: 20px 0 0; }
	.card .box-acquista h2 { background: #fbba00; font-size: 27px; line-height: 38px; text-align: center; text-transform: uppercase; color: #b10832; }
.card.acquista .box-acquista h2 { font-size: 20px; line-height: 30px; }
.card .box-right .acquista { text-align: center; color: #b10832; margin-top: 15px; }
	.card .box-right .acquista h2 { background: #fbba00; font-size: 27px; line-height: 38px; text-transform: uppercase; color: #b10832; display: inline; padding: 0px 10px; }
.acquista .box-right .acquista h2 { font-size: 20px; line-height: 30px;; }
.card .box-acquista h2 a { color: #b10832; }
.card .box-acquista h2:hover { background: #b10832; color: #fff; }
	.card .box-acquista h2:hover a { color: #fff; }

.card .box-right .acquista h2:hover { background: #b10832; color: #fff; }
	.card .box-right .acquista h2:hover a { color: #fff; }
/* musei */
.filter { border-bottom: 1px solid #9d9c9c; padding: 0 0 20px 0; margin-bottom: 15px; }
	.filter .right { text-align: right; }
	.filter a { font-weight: bold; font-size: 20px; color: #b10832; vertical-align: middle; background: #fff url(../img/arrow-right.png) no-repeat center right; padding-right: 45px; }
.general .filter a { background: #fbba00 url(../img/arrow-right.png) no-repeat center right; display: block; padding: 5px 45px 5px 5px; }
.box-content.lista-musei .box-content-body::after { content: ''; position: absolute; bottom: 0; right: 0; border-bottom: none; border-left: none; width: 0; z-index: 1; }
.lista-musei { padding: 15px 0 5px 0; border-bottom: 1px solid #9d9c9c; }
.museo-desc { margin-top: 20px; }
.box-left.new-content, .box-left.suspended-content { position: relative; }
.box-left.new-content::after { content: "NEW"; position: absolute; top: -10px; right: -10px; z-index: 100; font-size: 12px; font-weight: bold; background: #b10832; color: #fff; width: 35px; height: 25px; border-radius: 50%; padding-top: 10px; text-align: center; }
.box-left.suspended-content::after { position: absolute; top: 0px; left: 0px; z-index: 100; font-size: 10px; padding:7px 0 7px 0; background: #b10832; color: #fff; width: 100%; text-align: center; }
	.box-left.suspended-content.lang-it::after{content:"TEMPORANEAMENTE NON ATTIVA"}
	.box-left.suspended-content.lang-en::after { content: "TEMPORARILY NOT AVAILABLE" }
	/*.servizi .box-left img {  border: 1px solid #ccc; }*/ 
	.new-faq { position: relative; }
	.new-faq::after { content: "NEW"; position: absolute; top: 0px; left: -50px;  z-index: 100; font-size: 7px; font-weight: bold; background: #b10832; color: #fff; width: 20px; height: 15px; border-radius: 50%; padding-top: 6px; text-align: center; text-indent:0px; }

.general .filter { border-bottom: none; }
.general p { padding-bottom: 10px; }
.general h2 { padding-bottom: 15px; }
.general .grid-30 { width: 33%; }
.info ul { margin-top: 0; }
.footer .grid-30 { width: 30%; }
/* select */
.filter label { font-weight: bold; font-size: 20px; color: #b10832; vertical-align: middle; /*height: 40px;*/ padding-right: 5px; float: left; }
.filter select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: none; height: 25px; padding: 2px 0 3px; width: 100%; font-size: 15px; }
.filter .select { position: relative; display: block; overflow: hidden; cursor: pointer; border: solid 1px #9d9c9c; padding: 0 0 0 5px; vertical-align: middle; width: 200px; float: left; }
	.filter .select select { width: 99%; }
	.filter .select::after { content: ' '; position: absolute; right: 0; top: 0; width: 40px; height: 100%; display: block; background: #fff url(../img/elementi-form-select.png) no-repeat center right; pointer-events: none; }
.step { float: right; color: #b30739; }

/* aggiunta per tour operator */
.to-user{position: absolute;right:0px;top: 0px;}
.to-user a{color: #b30739;}
.to-user span a{background: #b30739; color:#fff; padding:2px 5px; font-size:90%; margin-left:10px;}

.box-card-form { }
	/*.box-card-form h2 span{	font-weight:normal; }*/
	.box-card-form .costo-tot span { color: #b10832; }

	.box-card-form h2, .box-card-form p, .box-buy-form h2, .box-buy-form p { padding-bottom: 10px; }
.box-buy-form label { display: block; padding: 5px 0 2px; }
.box-buy-form input, .box-buy-form select { width: 100%; border: 1px solid #ccc; padding: 8px; font-size:14px; }
.box-buy-form .grid-50, .box-buy-form .grid-40, .box-buy-form .grid-30, .box-buy-form .grid-33, .box-buy-form .grid-20 { padding: 0 0.8vw; }
.box-buy-form select { margin-bottom: 10px; }
.box-buy-form .row { clear: left; }
	.box-buy-form .row .grid-50:first-child, .box-buy-form .row .grid-40:first-child, .box-buy-form .row .grid-30:first-child, .box-buy-form .row .grid-33:first-child, .box-buy-form .row .grid-20:first-child { padding-left: 0; }
	.box-buy-form .row .grid-50:last-child, .box-buy-form .row .grid-40:last-child, .box-buy-form .row .grid-30:last-child, .box-buy-form .row .grid-33:last-child, .box-buy-form .row .grid-20:last-child { padding-right: 0; }
.news hr { height: 1px; background: none; border-top: 1px solid #ccc; margin: 15px 0px 20px; }

/* videos */
.video-item { margin: 15px; }

@media (min-width: 501px) {
	.card .box-content .box-left .grid-50, .musei .box-content .box-left .grid-50 { float: none; width: 100%; }
	.box-content .box-right { padding-left: 4%; }
}

@media (min-width: 561px) {
	.top-swiper .slide-content { height: 30vw; }
}

@media (max-width: 560px) {
	.top-swiper .slide-content { height: 25vw; }
/* aggiunta per search result */
	.search-result .grid-33 { float: none; width: 100%; }
}

@media (max-width: 500px) {
	.grid-60, .grid-50, .grid-40, .grid-30, .grid-33, .grid-20 { float: none; width: 100%; }
	.home .box-card-img.grid-60, .acquista .box-card-img.grid-60 { float: left; width: 60%; }
	.home .box-card-img.grid-40, .acquista .box-card-img.grid-40 { float: left; width: 40%; }
	.general .grid-30 { float: none; width: 100%; }
	.card .box-right, .card .box-left, .musei .box-right, .musei .box-left, .musei .filter .right, .musei .filter .left, .eventi .box-right, .eventi .box-left, .eventi .filter .right, .eventi .filter .left, .percorsi .box-right, .percorsi .box-left, .percorsi .filter .right, .percorsi .filter .left, .servizi .box-right, .servizi .box-left { float: none; width: 100%; clear: both; }
		/*.servizi .box-left img { width: auto; }
		.servizi .box-left img.responsive {width: 100%!important;height: auto!important;}*/
	.general .filter.right, .musei .filter .left, .musei .filter .right, .eventi .filter .left, .eventi .filter .right { text-align: left; margin-bottom: 10px; }
	.musei .filter label, .musei .filter a, .eventi .filter label, .eventi .filter a, .percorsi .filter label, .percorsi .filter a { font-size: 4vw; }
	.musei .filter label, .eventi .filter label, .percorsi .filter label { float: none; height: auto; }
	.musei .filter .select, .eventi .filter .select, .percorsi .filter .select { margin-bottom: 15px; }
	.card .box-left { margin-bottom: 3vw; }
	.card .box-content .box-left .grid-50 { display: table-cell; float: none; vertical-align: middle; }
	.acquista .box-content .box-left .grid-50 { display: block; padding-top: 20px; }
	.card .box-content .box-left .box-card-img { padding-right: 4%; }
	.card .box-content .box-left .box-acquista { padding-left: 4%; }
	.card .box-acquista { padding: 0; }
		.card .box-acquista h2 { font-size: 6vw; }
	.card .box-right .acquista h2 { font-size: 6vw; }
	.acquista .box-right .acquista h2 { font-size: 5vw; }
	.faq .box-content ol { margin-left: 10px; padding-left: 0px; }
		.faq .box-content ol ol { padding-left: 15px; }
		.faq .box-content ol li { padding: 0; margin: 0 0 8px 0px; }
			.faq .box-content ol li li { padding: 0; margin: 0 0 8px 10px; }
}

/* generici */
.omaggio-natale-2021 { margin-top: -140px; }
.omaggio-2022 { margin-top: -90px; }
@media (max-width:500px){ .omaggio-natale-2021, .omaggio-2022 { margin-top: 0; } }
.red { color: #b10832; }
.grey { color: #666666; }
.required { color: #b10832; }
.small-font { font-size: 11px; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.justify { text-align: justify; }
.strong { font-weight:bold; }
.noback { background: none; }
.big { font-size: 120%; }
p.big, div.big { padding: .5em !important; }
fieldset { border: none; }
.attention { background: #f3ecbe; padding: 5px 5px 3px 5px !important; margin-bottom: 10px; }
.alert { background: red; padding: 5px; }
.hidden { display: none; }
.highlight { background-color: #fbba00; }
legend { display: none; }
select { }
table.cookies { width: 66%; margin:0 auto 10px auto; border-collapse: collapse; border-spacing: 0; }
	table.cookies td, table.cookies th { border: 1px solid #b10832; padding: 4px; vertical-align: top; }
.simple-form {margin:2em 0 0 0;}
.message { color: #b10832; margin: 2em 0 0 0; }
/*.box-content-body a { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; max-width: 100px; }*/
.error { border: 1px solid red !important; }
.acquista.card .box-content-body { text-align: justify; }
table > caption { display: none; }
span.new { font-size: 8px; font-weight: bold; background: #b10832; color: #fff; border-radius: 50%; padding: 5px 2px; }
p.new { margin:15px 0px 15px 40px; position: relative }
p.new::before { position: absolute; top: -7px; left: -40px; content: "NEW"; font-size: 12px; font-weight: bold; background: #b10832; color: #fff; width: 35px; height: 25px; text-align: center; border-radius: 50%; padding-top: 10px; }
.qrcode { text-align: center; margin: 20px 0; }
.qrcode svg { width: 40%;}
hr.sep {width:50%;margin:2em auto 1em auto;color:#666;}
@media (max-width:900px){ .qrcode svg { width: 45%;} }
@media (max-width:800px){ .qrcode svg { width: 50%;} }
@media (max-width:700px){ .qrcode svg { width: 60%;} }
@media (max-width:600px){ .qrcode svg { width: 70%;} }
@media (max-width:500px){ .qrcode svg { width: 80%;} }
@media (max-width:400px){ .qrcode svg { width: 100%;} }
/* fixed AR */
.ar-1-1 { clear: both; position: relative; overflow: hidden; padding-top: 100%; }
.ar-4-3 { clear: both; position: relative; overflow: hidden; padding-top: 75%; }
.ar-16-9 { clear: both; position: relative; overflow: hidden; padding-top: 56.25%; }
.ar-2-1 { clear: both; position: relative; overflow: hidden; padding-top: 50%; }
.ar-21-9 { clear: both; position: relative; overflow: hidden; padding-top: 42.86%; }
.ar-1-1 .auto-resize, .ar-4-3 .auto-resize, .ar-16-9 .auto-resize, .ar-2-1 .auto-resize, .ar-21-9 .auto-resize { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }