@charset "UTF-8";

/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/

html,body,p,ol,ul,li,blockquote,figure,legend,textarea,hr,h1,h2,h3{margin:0;padding:0}button,input,textarea{margin:0}*,*:before,*:after{box-sizing:border-box}img,video,svg,iframe{display:block;height:auto;max-width:100%;border:0}

/*--------------------------------------------------------------
Vars
--------------------------------------------------------------*/

:root{
	--leading:1.75rem;

	--white:#fff;
	--primary:#0480ae;
	--secondary:#cc3458;
	--green:#24ab6c;
	--orange:#f4970a;

	--banque:#047da8;
	--gastronomie:#91c359;
	--automobile:#848784;
	--bien-etre:#d9117e;
	--mode:#7a3f7c;
	--culture:#cc3458;
	--sport:#497486;
	--thermo:#677a74;
	--vacances:#207b78;
	--divers:#8c6549;

	--width:100%;

	--font_default:Montserrat, system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
}

/*--------------------------------------------------------------
Helpers
--------------------------------------------------------------*/

html{
	scroll-behavior:smooth;
}
@media (prefers-reduced-motion:reduce){
	html{
		 scroll-behavior:auto;
	}
	*,*::before,*::after{
		animation-duration:0.01ms !important;
		animation-iteration-count:1 !important;
		transition-duration:0.01ms !important;
		scroll-behavior:auto !important;
	}
}
#main{padding:var(--leading) 0}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

html{
	font-size:100%;
	background:var(--primary);
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
body{
	text-rendering:optimizeSpeed;
	background:var(--white);
	color:var(--primary);
	font-family:var(--font_default);
	font-size:1rem;
	line-height:1.75;
	overflow-x:hidden;
	margin:0 auto;
}
a{
	color:inherit;
	text-decoration:none;
}
a:focus,a:hover,a:active{
	text-decoration:underline;
}
h1{
	font-size:2rem;
	line-height:3rem;
	margin-top:1.75rem;
	margin-bottom:1.625rem;
}
h2{
	font-size:1.6875rem;
	line-height:2.4375rem;
	margin-top:1.75rem;
	margin-bottom:1.75rem;
}
h3{
	font-size:1.375rem;
	line-height:1.625rem;
	margin-top:1.75rem;
	margin-bottom:0;
}
h1,h2,h3{
	font-weight: 900;
	text-transform: uppercase;
}
p,address,ol,ul,blockquote{
	margin-top:0;
	margin-bottom:var(--leading);
	font-style: normal;
}
ul,ol{
	padding:0;
	list-style:none;
}
/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/

::placeholder{
	color:var(--primary);
	font-style: italic;
}
label{
	display:block;
	cursor:pointer;
	font-weight:700;
}
[type=text],[type=email],[type=password],[type=submit],textarea,.btn{
	font-family:inherit;
	font-size:inherit;
	vertical-align:middle;
	margin:0 0 var(--leading);
	transition:.2s;
	transition-property:background-color,color,border;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	width:100%;
	padding:.5rem 1.5rem;
	border:3px solid var(--primary);
	border-radius:var(--leading);
}
button,.btn,[type=submit]{
	font-weight: 700;
	background:var(--primary);
	border:none;
	display:inline-block;
	text-decoration:none;
	color:var(--white);
	cursor:pointer;
	text-align: center;
	width:auto;
	
}
.btn:hover,.btn:focus,[type=submit]:hover,[type=submit]:focus{
	text-decoration: none;
}
/*--------------------------------------------------------------
Utilities
--------------------------------------------------------------*/

/*:focus:not(:focus-visible){outline:0;}
:focus-visible{outline-offset:5px;}
@media (prefers-reduced-motion:no-preference){
	:focus-visible{transition:outline-offset .25s ease;}
}*/
::selection{
	background:var(--primary);
	color:var(--white);
}
.screen-reader-text{
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
}
.screen-reader-text:focus{
	background-color:var(--white);
	clip:auto !important;
	display:block;
	width:auto;
	height:auto;
	top:0;
	left:0;
	padding:.5em 1em;
	text-decoration:none;
	z-index:999;
}
.text-center{text-align: center;}
.wrapper{
	max-width:var(--width);
	padding-left:var(--leading);
	padding-right:var(--leading);
	margin-left:auto;
	margin-right:auto;
}

/*--------------------------------------------------------------
Colors
--------------------------------------------------------------*/

.bg-primary,.bg-primary:before,.bg-primary:after{background:var(--primary)}
.bg-green,.bg-green:before,.bg-green:after{background:var(--green)}
.bg-orange,.bg-orange:before,.bg-orange:after{background:var(--orange)}
.bg-banque,.bg-banque:before,.bg-banque:after{background:var(--banque)}
.bg-gastronomie,.bg-gastronomie:before,.bg-gastronomie:after{background:var(--gastronomie)}
.bg-automobile,.bg-automobile:before,.bg-automobile:after{background:var(--automobile)}
.bg-bien-etre,.bg-bien-etre:before,.bg-bien-etre:after{background:var(--bien-etre)}
.bg-mode,.bg-mode:before,.bg-mode:after{background:var(--mode)}
.bg-culture,.bg-culture:before,.bg-culture:after{background:var(--culture)}
.bg-sport,.bg-sport:before,.bg-sport:after{background:var(--sport)}
.bg-thermo,.bg-thermo:before,.bg-thermo:after{background:var(--thermo)}
.bg-vacances,.bg-vacances:before,.bg-vacances:after{background:var(--vacances)}
.bg-divers,.bg-divers:before,.bg-divers:after{background:var(--divers)}

.primary,.bg-primary:before,.bg-primary:after{color:var(--primary)}
.green,.bg-green:before,.bg-green:after{color:var(--green)}
.orange,.bg-orange:before,.bg-orange:after{color:var(--orange)}
.banque,.bg-banque:before,.bg-banque:after{color:var(--banque)}
.gastronomie,.bg-gastronomie:before,.bg-gastronomie:after{color:var(--gastronomie)}
.automobile,.bg-automobile:before,.bg-automobile:after{color:var(--automobile)}
.bien-etre,.bg-bien-etre:before,.bg-bien-etre:after{color:var(--bien-etre)}
.mode,.bg-mode:before,.bg-mode:after{color:var(--mode)}
.culture,.bg-culture:before,.bg-culture:after{color:var(--culture)}
.sport,.bg-sport:before,.bg-sport:after{color:var(--sport)}
.thermo,.bg-thermo:before,.bg-thermo:after{color:var(--thermo)}
.vacances,.bg-vacances:before,.bg-vacances:after{color:var(--vacances)}
.divers,.bg-divers:before,.bg-divers:after{color:var(--divers)}

/*--------------------------------------------------------------
Rounded corners
--------------------------------------------------------------*/

.rounded{
	display:inline-block;
	padding:var(--leading);
	max-width:90%;
	color:var(--white);
	position:relative;
	margin-bottom:120px;
}
.rounded:before{
	content:'';
	width:100vw;
	position:absolute;
	top:0;
	bottom:0;
}
.rounded-right{
	padding-left:0;
	border-radius:0 var(--leading) var(--leading) 0;
}
.rounded-right:before{right:100%}
.rounded-left{
	padding-right:0;
	border-radius:var(--leading) 0 0 var(--leading);
	text-align: right;
}
.rounded-left:before{left:100%}
.rounded *:first-child{margin-top:0;}
.rounded *:last-child{margin-bottom:0;}
.rounded .btn{background:var(--white)}

/*--------------------------------------------------------------
Rounded horizontal
--------------------------------------------------------------*/

.home-categories, .main-footer{
	padding:var(--leading) 0;
	margin-bottom:120px;
	position:relative;
	margin-top:calc(10vw + 120px);
}
.home-categories:before, .main-footer:before{
	content:'';
	position:absolute;
	top:-10vw;
	left:0;
	right:0;
	height:10vw;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 2' preserveAspectRatio='none'%3E%3Cpath d='M18 2c-1.7-.8-4.8-2-9-2-1.8 0-5.2.2-9 2'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 2' preserveAspectRatio='none'%3E%3Cpath d='M18 2c-1.7-.8-4.8-2-9-2-1.8 0-5.2.2-9 2'/%3E%3C/svg%3E");
	-webkit-mask-size:100% 100%;
	mask-size:100% 100%;
	background-size:100%;
	z-index: 0;
}
.home-categories:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:10vw;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 2' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M18 2c-1.7-.8-4.8-2-9-2-1.8 0-5.2.2-9 2'/%3E%3C/svg%3E");
	background-size:100%;
	z-index: 0;
}
.home-categories > *{
	position:relative;
	z-index: 1;
}

/*--------------------------------------------------------------
Main Header
--------------------------------------------------------------*/

.main-header .wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo{
	border:none;
	margin:1.5rem 0;
}
.logo svg{
	height:73px;
}
.menu-toggle{
	position: relative;
	z-index: 999;
	margin:0;
	padding:24px;
	background:none;
	box-shadow: none;
	border:none;
}
.menu-toggle svg{
	fill:var(--primary);
	width:36px;
}
.menu-toggle path{transition:opacity .2s, transform .2s;}
.menu-toggle[aria-expanded=true] svg{fill:var(--white)}
.menu-toggle[aria-expanded=true] path:nth-child(1) {
	transform: rotate(-45deg) translateX(-11px) translateY(-5px);
}
.menu-toggle[aria-expanded=true] path:nth-child(2) {
	opacity: 0;
}
.menu-toggle[aria-expanded=true] path:nth-child(3) {
	transform: rotate(45deg) translateX(4px) translateY(-6px);
}

/*--------------------------------------------------------------
Main menu
--------------------------------------------------------------*/

.menu-container{
	background: var(--primary);
	color:var(--white);
	padding:calc(78px) var(--leading) var(--leading);
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow-y: auto;
	z-index:998;
	opacity:0;
	transform:scale(.5);
	transform-origin:100% 0;
	visibility:hidden;
	transition:opacity .2s,transform .2s;
	text-align:center;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}
.menu-container.active{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.menu-container ul{margin:0;}
.main-menu a{
	display:block;
	font-weight: 700;
	text-decoration:none;
	text-transform:uppercase;
	padding:.5rem;
	position:relative;
}
.main-menu .btn{
	background: var(--white);
	color:var(--primary);
}

/*--------------------------------------------------------------
Search form
--------------------------------------------------------------*/

.search-menu{display:none;}
.search-form div{
	display:flex;
	justify-content: space-between;
}
.search-form > * {margin:0}
.search-form [type="text"]{
	border-radius: 0;
	text-align: center;
	color:var(--white);
	background: transparent;
	border:none;
	border-bottom:3px solid var(--white);
}
.search-form ::placeholder{
	color:var(--white);
}
.search-form [type="submit"]{padding:0}
.search-form [type="submit"] svg{
	fill:none;
	stroke:var(--white);
	width:2rem;
	margin-left:var(--leading);
}

/*--------------------------------------------------------------
Main Footer
--------------------------------------------------------------*/

.main-footer{
	padding:var(--leading);
	color:var(--white);
	margin:10vw 0 0;
	text-align:center;
}
.main-footer:before{
	
}
.footer-logo{
	filter: brightness(100);
	margin-bottom:var(--leading);
}
.footer-logo svg{margin:0 auto}
address{font-weight: bold;}
.legals{text-align: center;}

/*--------------------------------------------------------------
Login
--------------------------------------------------------------*/

.login-content{
	width:40ch;
	max-width:100%;
	margin:0 auto;
	padding:var(--leading);
}
.login-logo{
	display:block;
	margin-bottom:calc(2 * var(--leading))
}
.login [type="submit"]{
	margin-top:calc(2 * var(--leading));
	width:100%;
}

/*--------------------------------------------------------------
Home
--------------------------------------------------------------*/

.intro svg{
	max-width:145px;
	margin:0 auto;
}
.home-categories ul{padding-top:var(--leading)}
.home-categories, .categories-slider{
	color:var(--white);
	text-align: center;
}
.home-categories ul, .categories-slider ul{margin-bottom:calc(2 * var(--leading))}
.home-categories li a, .categories-slider li a{
	display:grid;
	grid-template: "container";
	place-items: center;
	place-content: center;
	border-radius:50%;
	overflow:hidden;
	position:relative;
	text-transform: uppercase;
	font-weight: 900;
	text-decoration: none;

}
.home-categories li a:after, .categories-slider li a:after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity: .7;
	z-index: 0;
}
.home-categories li a > *, .categories-slider li a > *{grid-area: container;}
.home-categories li div, .categories-slider li div{
	position: relative;
	padding:var(--leading);
	z-index: 1;
}
.home-categories li .btn, .categories-slider li .btn{
	background: var(--white);
	margin:var(--leading) 0 0;
}
.rounded-home svg{display:none}

/*--------------------------------------------------------------
Categories
--------------------------------------------------------------*/

.category-header{
	display:grid;
	grid-template: "container";
	overflow: hidden;
	margin-bottom:120px;
}
.category-header > *{grid-area: container;}
.category-header img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.category-header .header-content{align-self:end;}
.category-header .rounded{margin-top:120px;}
.category-title{margin-bottom:var(--leading)}

/*--------------------------------------------------------------
Offers
--------------------------------------------------------------*/

.offers{margin-bottom:120px;}
.offers > li{
	padding:var(--leading) 0;
	border-bottom:3px solid currentColor;
}
.offers > li ul{list-style: disc}
.offers .wrapper{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:var(--leading);
	align-items: center;
}
.offer-content, .offer-url{grid-column-end: span 2}
.offer-url, .offer-partner{text-align: right}
.offer-partner{
	font-weight: 700;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
Games
--------------------------------------------------------------*/

.comment{
	background: var(--primary);
	color:var(--white);
	border-radius:var(--leading);
	padding:var(--leading);
	margin-bottom:var(--leading)
}

/*--------------------------------------------------------------
Partners
--------------------------------------------------------------*/

.partners-list{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:var(--leading);
	align-items:center;
}
.partners-list a{
	display:grid;
	height:100%;
	align-items:center;
}

/*--------------------------------------------------------------
Sliders
--------------------------------------------------------------*/

.tns-outer{position: relative}
.tns-controls{
	max-width:160px;
	margin:0 auto var(--leading);
	display:flex;
	justify-content: space-between;
}
.tns-outer button{
	width:40px;
	height:40px;
	border-radius:50%;
	position:static;
	background: var(--primary);
	padding:5px;
	transform:none;
}
.home-categories .tns-outer button{background: var(--white)}
.diaporama{margin-bottom:120px;}
.diaporama .tns-outer{position:relative}
.diaporama .tns-outer > button{
	position:absolute;
	right:20px;
	bottom:40px;
	display:block;
	background: transparent;
}
.diaporama .tns-nav{
	position:absolute;
	bottom:40px;
	display:flex;
	width:100%;
	justify-content:center;
	gap:10px;
}
.diaporama .tns-nav button{
	width:20px;
	height:20px;
	border-radius: 50%;
	border:3px solid #fff;
	display:block;
	background: transparent;
	padding:0;
	filter: drop-shadow(1px 1px 3px rgba(0,0,0,.5));
}
.diaporama .tns-nav button.tns-nav-active{background: #fff}
.home-slider-inner{
	display:grid;
	grid-template: "container";
	overflow: hidden;
}
.home-slider-inner > *{grid-area: container;}
.home-slider-content{
	align-self:end;
}
.home-slider-inner .rounded{margin-top:120px;}
.home-slider-inner img{
	width:100%;
	height:100%;
	object-fit: cover;
}

/*--------------------------------------------------------------
Media queries
--------------------------------------------------------------*/

@media (min-width:42rem){
	/* Offers */
	.offers .wrapper{grid-template-columns: 20fr 25fr 55fr}
	.offer-content{grid-column-end: span 1}
	.offer-url{grid-column-end: span 3}
	.offer-partner{text-align: center}
}
@media (min-width:62rem){
	:root{
		--width:1660px;
	}

	/* Grids */
	.grid{
		display:grid;
		gap:5rem;
		margin-bottom:var(--leading);
	}
	.grid-1-1{grid-template-columns: 1fr 1fr}
	.grid-1-2{grid-template-columns: 1fr 2fr}
	.grid-2-1{grid-template-columns: 2fr 1fr}
	.grid-1-1-1{grid-template-columns: 1fr 1fr 1fr}

	/* Rounded */
	.rounded{max-width: 50%}
	.rounded-left, .rounded-right{
		padding:var(--leading) 0;
		border-radius:0;
	}
	.rounded-left{margin-left:50%}
	.rounded:after{
		content:'';
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.5 9'%3E%3Cpath d='M0 0c2.5 0 4.5 2 4.5 4.5S2.5 9 0 9'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.5 9'%3E%3Cpath d='M0 0c2.5 0 4.5 2 4.5 4.5S2.5 9 0 9'/%3E%3C/svg%3E");
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		position:absolute;
		top:0;
		bottom:0;
		left:100%;
		width:100vw;
	}
	.rounded-left:after{
		-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.5 9'%3E%3Cpath d='M4.5 9C2 9 0 7 0 4.5S2 0 4.5 0'/%3E%3C/svg%3E");
		mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.5 9'%3E%3Cpath d='M4.5 9C2 9 0 7 0 4.5S2 0 4.5 0'/%3E%3C/svg%3E");
		-webkit-mask-position:right;
		mask-position:right;
		right:100%;
		left:auto;
	}

	/* Header */
	.menu-container{
		visibility: visible;
		position:static;
		transform: none;
		opacity: 1;
		padding:0;
	}
	.main-menu{
		background: var(--white);
		color:var(--primary);
		display:flex;
		gap:var(--leading);
		align-items:center;
	}
	.main-menu a{
		padding:.5rem 0;
		border-top:3px solid transparent;
		border-bottom:3px solid transparent;
	}
	.main-menu a:hover, .main-menu a.active{border-bottom-color:var(--primary);}
	.main-menu .btn{
		color:var(--white);
		background: var(--primary);
		margin:0;
		border:none;
		padding:.5rem 1.5rem;
	}
	.menu-toggle{display:none;}

	/* Search form */
	.search-menu{display:block;}
	.search-toggle{
		background: transparent;
		border:0;
		padding:0;
	}
	.search-toggle svg{
		width:2rem;
		fill:none;
		stroke:var(--primary);
		margin-top:.5rem;
	}
	.search-form{
		position:fixed;
		background: var(--white);
		display:flex;
		justify-content: center;
		align-items: center;
		top:0;
		left:0;
		bottom:0;
		right:0;
		opacity:0;
		transform:scale(.5);
		transform-origin:100% 0;
		visibility:hidden;
		transition:opacity .2s,transform .2s;
		z-index: 999;
	}
	.search-form.active{
		opacity:1;
		visibility:visible;
		transform:scale(1);
	}
	.search-form > div{
		min-width:40%;
		display:flex;
	}
	.search-form [type="text"]{
		color:var(--primary);
		border-bottom:3px solid var(--primary);
		text-align: left;
		font-size:2.5rem;
		font-weight: bold;
		padding:.5rem 0;
	}
	.search-form [type="text"]:focus{outline:none;}
	.search-form ::placeholder{
		font-style: normal;
		font-weight: bold;
		color:var(--primary);
	}
	.search-form [type="submit"]{background: transparent;}
	.search-form [type="submit"] svg{
		stroke:var(--primary);
		width:3rem;
	}
	.search-close{
		padding:0;
		background: transparent;
		position:absolute;
		top:20px;
		right:20px;
	}
	.search-close svg{
		width:2rem;
		fill:none;
		stroke:var(--primary);
	}

	/* Main footer */
	.main-footer .wrapper{
		display:grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap:var(--leading);
	}
	.footer-contact{
		order:-1;
		text-align: left;
	}
	.footer-links{text-align: right}
	.footer-links li{margin-bottom:var(--leading)}
	address{font-weight: normal}

	/* Login */
	.login{
		display:grid;
		grid-template-columns:1fr 1fr;
		align-items: center;
	}
	.login-background{
		height:100vh;
		background: url("../img/login.jpg") 50% bottom;
		background-size: cover;
	}

	/* Home */
	.intro{
		display:grid;
		grid-template-columns: 2fr 5fr;
		gap:calc(2 * var(--leading));
		margin-bottom:120px;
		text-align: right;
		align-items: center;
	}
	.intro svg{max-width:520px;}
	.rounded-home .rounded{width:70%}
	.rounded-home .rounded{
		display:grid;
		grid-template-columns: 60% 30%;
		gap:10%;
		align-items: center;
		padding:calc(2 * var(--leading)) 0;
	}
	.rounded-home .rounded-left{grid-template-columns: 30% 60%}
	.rounded-home svg{
		display:block;
		width:200px;
		max-height:200px;
		fill:var(--white);
	}
	.home-categories ul{
		display:grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap:calc(2 * var(--leading));
	}
	.home-categories li a:after, .home-categories li a div{
		transition: opacity .3s;
		opacity:0;
	}
	.home-categories li a:hover:after, .home-categories li a:focus:after{opacity:.7}
	.home-categories li a:hover div, .home-categories li a:focus div{opacity:1}

	/* Headers (home slider, categories) */
	.home-slider .rounded, .header-content .rounded{max-width:40%}

	/* Partners */
	.partners-list{grid-template-columns:repeat(6,1fr)}
	.partners-list a img{transition:transform .2s}
	.partners-list a:hover img, .partners-list a:focus img{transform:scale(1.2) rotate(-10deg)}

	/* Offers */
	.offers .wrapper{grid-template-columns: 10fr 15fr 60fr 15fr}
	.offer-content, .offer-url{grid-column-end: span 1}

	/* About */
	.about{
		display:grid;
		grid-template-columns: 5fr 2fr;
		gap:calc(2 * var(--leading));
		margin-bottom:120px;
		align-items: center;
	}
	.about svg{max-width:520px;}

	/* Sliders */
	.tns-outer{margin:0 80px;}
	.diaporama .tns-outer{margin:0 0 120px;}
	.tns-controls button{
		background:var(--primary);
		position:absolute;
		top:50%;
		left:-80px;
		transform: translateY(-50%);
	}
	.tns-controls button:last-child{
		left:auto;
		right:-80px;
	}

}

/*--------------------------------------------------------------
Sliders
--------------------------------------------------------------*/

.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}