/*
========================================================================================================================
RESET
========================================================================================================================
*/

*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family: 'Lato',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;font-weight:400;line-height:1.8;color:#333;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#000001;text-decoration:none;background-color:transparent}a:hover{text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}

[class^="ICON-"], [class*=" ICON-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'clinicaplanas' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ICON-logo-clinica:before {
  content: "\e902";
  color: #5f5f5f;
}
.ICON-logo-planas:before {
  content: "\e901";
}
.ICON-logo:before {
  content: "\e920";
}
.ICON-logo-50:before {
  content: "\e90d";
  color: #90908f;
}
.ICON-home:before {
  content: "\e90e";
}
.ICON-search:before {
  content: "\e90f";
}
.ICON-close:before {
  content: "\e910";
}
.ICON-bars:before {
  content: "\e911";
}
.ICON-email:before {
  content: "\e91d";
}
.ICON-phone:before {
  content: "\e91e";
}
.ICON-map:before {
  content: "\e91f";
}
.ICON-dot:before {
  content: "\e917";
}
.ICON-dot-empty:before {
  content: "\e912";
}
.ICON-chevron-down:before {
  content: "\e913";
}
.ICON-circle-chevron-left:before {
  content: "\e914";
}
.ICON-circle-chevron-right:before {
  content: "\e915";
}
.ICON-circle-play:before {
  content: "\e916";
}
.ICON-instagram:before {
  content: "\e918";
}
.ICON-facebook:before {
  content: "\e919";
}
.ICON-pinterest:before {
  content: "\e91a";
}
.ICON-youtube:before {
  content: "\e91b";
}
.ICON-linkedin:before {
  content: "\e91c";
}
.ICON-video:before {
  content: "\e921";
}
.ICON-audio:before {
  content: "\e922";
}
.ICON-news:before {
  content: "\e923";
}
.ICON-clipping:before {
  content: "\e924";
}
.ICON-bed:before {
  content: "\e925";
}
.ICON-clock:before {
  content: "\e926";
}
.ICON-needle:before {
  content: "\e927";
}
.ICON-eye:before {
  content: "\e928";
}
.ICON-heart-circle-check:before {
  content: "\e929";
}
.ICON-thumbs-up:before {
  content: "\e92a";
}
.ICON-icono-ia-usuario:before {
  content: "\e92f";
}
.ICON-chat-ia:before {
  content: "\e92e";
}
.ICON-tiktok:before {
  content: "\e900";
}
.ICON-signo-de-interrogacion-1:before {
  content: "\e930";
}
.ICON-envelope:before {
  content: "\e931";
}
.ICON-phone_2:before {
  content: "\e903";
}
.ICON-spotify:before {
  content: "\ea94";
}


/*
========================================================================================================================
VARIABLES
========================================================================================================================
*/

:root {
	
	--1px:.0625rem;--2px:.125rem;--3px:.1875rem;--4px:.250rem;--5px:.3125rem;--6px:.375rem;--7px:.4375rem;--8px:.5rem;--9px:.5625rem;--10px:.625rem;--11px:.6875rem;--12px:.750rem;--13px:.8125rem;--14px:.875rem;--15px:.9375rem;--16px:1rem;--17px:1.0625rem;--18px:1.125rem;--19px:1.1875rem;--20px:1.250rem;--21px:1.3125rem;--22px:1.375rem;--23px:1.4375rem;--24px:1.500rem;--25px:1.5625rem;--26px:1.625rem;--27px:1.6875rem;--28px:1.750rem;--29px:1.8125rem;--30px:1.875rem;--31px:1.9375rem;--32px:2rem;--33px:2.0625rem;--34px:2.125rem;--35px:2.1875rem;--36px:2.250rem;--37px:2.3125rem;--38px:2.375rem;--39px:2.4375rem;--40px:2.500rem;--41px:2.5625rem;--42px:2.625rem;--43px:2.6875rem;--44px:2.750rem;--45px:2.8125rem;--46px:2.875rem;--47px:2.9375rem;--48px:3rem;--49px:3.0625rem;--50px:3.125rem;--51px:3.1875rem;--52px:3.250rem;--53px:3.3125rem;--54px:3.375rem;--55px:3.4375rem;--56px:3.500rem;--57px:3.5625rem;--58px:3.625rem;--59px:3.6875rem;--60px:3.750rem;--61px:3.8125rem;--62px:3.875rem;--63px:3.9375rem;--64px:4rem;--65px:4.0625rem;--66px:4.125rem;--67px:4.1875rem;--68px:4.250rem;--69px:4.3125rem;--70px:4.375rem;--71px:4.4375rem;--72px:4.500rem;--73px:4.5625rem;--74px:4.625rem;--75px:4.6875rem;--76px:4.750rem;--77px:4.8125rem;--78px:4.875rem;--79px:4.9375rem;--80px:5rem;--81px:5.0625rem;--82px:5.125rem;--83px:5.1875rem;--84px:5.250rem;--85px:5.3125rem;--86px:5.375rem;--87px:5.4375rem;--88px:5.500rem;--89px:5.5625rem;--90px:5.625rem;--91px:5.6875rem;--92px:5.750rem;--93px:5.8125rem;--94px:5.875rem;--95px:5.9375rem;--96px:6rem;--97px:6.0625rem;--98px:6.125rem;--99px:6.1875rem;--100px:6.250rem;

	--max-width: 98.125rem;
	--space: .9375rem;

	--background1: #e9bbac;
	--background2: #f9edea;
	--background3: #d27556;
	
	--pink-100: #edc0ad;

	--grey-100: #f1f1f1;
	--grey-300: #d4d4d4;
	--grey-350: #c7c7c7;
	--grey-400: #9d9d9b;
	--grey-600: #545454;
	--grey-700: #4c4c4c;
}

@media (min-width: 1024px)
{
	:root {
		--space: 2rem;
	}
}


/*
========================================================================================================================
GRID
========================================================================================================================
*/

.row {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 0 var(--30px);
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
	grid-column: span 12;
}

.col-1  { grid-column: span 1  }
.col-2  { grid-column: span 2  }
.col-3  { grid-column: span 3  }
.col-4  { grid-column: span 4  }
.col-5  { grid-column: span 5  }
.col-6  { grid-column: span 6  }
.col-7  { grid-column: span 7  }
.col-8  { grid-column: span 8  }
.col-9  { grid-column: span 9  }
.col-10 { grid-column: span 10 }
.col-11 { grid-column: span 11 }
.col-12 { grid-column: span 12 }

@media (min-width: 767px) {
	.col-sm-1  { grid-column: span 1  }
	.col-sm-2  { grid-column: span 2  }
	.col-sm-3  { grid-column: span 3  }
	.col-sm-4  { grid-column: span 4  }
	.col-sm-5  { grid-column: span 5  }
	.col-sm-6  { grid-column: span 6  }
	.col-sm-7  { grid-column: span 7  }
	.col-sm-8  { grid-column: span 8  }
	.col-sm-9  { grid-column: span 9  }
	.col-sm-10 { grid-column: span 10 }
	.col-sm-11 { grid-column: span 11 }
	.col-sm-12 { grid-column: span 12 }
}
@media (min-width: 1025px) {
	.col-md-1  { grid-column: span 1  }
	.col-md-2  { grid-column: span 2  }
	.col-md-3  { grid-column: span 3  }
	.col-md-4  { grid-column: span 4  }
	.col-md-5  { grid-column: span 5  }
	.col-md-6  { grid-column: span 6  }
	.col-md-7  { grid-column: span 7  }
	.col-md-8  { grid-column: span 8  }
	.col-md-9  { grid-column: span 9  }
	.col-md-10 { grid-column: span 10 }
	.col-md-11 { grid-column: span 11 }
	.col-md-12 { grid-column: span 12 }
}
@media (min-width: 1920px) {
	.col-lg-1  { grid-column: span 1  }
	.col-lg-2  { grid-column: span 2  }
	.col-lg-3  { grid-column: span 3  }
	.col-lg-4  { grid-column: span 4  }
	.col-lg-5  { grid-column: span 5  }
	.col-lg-6  { grid-column: span 6  }
	.col-lg-7  { grid-column: span 7  }
	.col-lg-8  { grid-column: span 8  }
	.col-lg-9  { grid-column: span 9  }
	.col-lg-10 { grid-column: span 10 }
	.col-lg-11 { grid-column: span 11 }
	.col-lg-12 { grid-column: span 12 }
}

.container {
	max-width: var(--max-width);
	margin: 0 auto;
	padding-left: var(--space);
	padding-right: var(--space);
}
.container-slim {
	max-width: calc( var(--max-width) * .75 );
	margin: 0 auto;
	padding-left: var(--space);
	padding-right: var(--space);
}
.container-ultra-slim {
	max-width: calc( var(--max-width) * .5 );
	margin: 0 auto;
	padding-left: var(--space);
	padding-right: var(--space);
}

.container-fluid {
	max-width: var(--max-width);
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
}



html {
	font-size: 16px;
	scroll-padding-top: 6.9rem; /* 110px */
}

body {
	padding-top: calc( var(--70px) + var(--40px) );
	font-size: var(--16px);
}

p {
	color: #333;
	letter-spacing: .1px;
}

a {
	text-decoration: underline;
	text-decoration-style: dotted;
}

@media (min-width:768px){

	html {
		font-size: 13px;
	}
	body {
		font-size: var(--21px);
	}
	p {
		letter-spacing: .2px;
	}

}
@media (min-width:1200px){

	html {
		scroll-padding-top: 0;
	}
	body {
		padding-top: 0;
	}

}


/*
========================================================================================================================
TOP
========================================================================================================================
*/

#top {
	position: fixed;
	top: var(--70px);
	left: 0;
	right: 0;
	height: var(--40px);
	z-index: 888;
	background: var(--background1);
}
	#top nav {
		display: grid;
		grid-template-columns: 1fr auto auto auto auto auto auto;
		max-width: var(--max-width);
		margin: 0 auto;
		color: #fff;
	}
	#top nav a,
	#top nav button {
		display: inline-block;
		margin: 0;
		min-height: auto;
		background: none;
		outline: 0;
		font-size: var(--15px);
		line-height: initial;
		padding: var(--11px) var(--8px);
		color: #fff;
		transition: background .3s ease, color .3s ease;
		text-decoration: none;
		border: 0;
		border-left: 1px solid rgba(255,255,255,.3);
		align-self: center;
	}
	#top nav a.lang {
		font-weight: 600;
		font-size: var(--14px);
	}
	#top nav a:hover {
		background: #e4ad9a;
	}
	#top nav i {
		vertical-align: baseline;
		top: 0;
	}
	
	#top nav .circle-icon {
		background: #fff;
		color: var(--background1);
    border-radius: 50%;
    padding: var(--5px);
		font-size: var(--14px);
	}
	
	#top .menu-toggle button {
		border: 0;
		background: none;
		margin: 0;
		padding: var(--10px) var(--space);
		display: grid;
		color: #fff;
		outline: 0;
		font-size: var(--20px);
		border-right: 1px solid rgba(255,255,255,.3);
	}

@media (min-width:1200px){
	
	#top {
		position: relative;
		height: auto;
		top: 0;
	}
	#top nav {
		text-align: right;
		padding: 0 var(--8px);
	}
	
	#top nav a {
		padding: var(--7px) var(--10px);
		font-size: var(--20px);
	}
	#top nav a.lang {
		font-size: var(--16px);
	}
	#top .menu-toggle button {
		display: none;
	}
}


/*
========================================================================================================================
HEADER
========================================================================================================================
*/

#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 888;
}
	#header .container {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-rows: 1fr;
		align-items: center;
		height: var(--70px);
	}
		#header a {
			text-decoration: none;
		}
		#header .logo {
			font-size: var(--18px);
		}
		#header .ICON-logo-50 {
			color: #000;
			font-size: var(--38px);
		}

@media (min-width:1200px){

	#header {
		position: relative;
	}
	#header .container {
		padding: var(--15px);
		height: auto;
	}
	#header .logo {
		font-size: var(--40px);
	}
	#header .ICON-logo-50 {
		font-size: var(--80px);
	}
}


/*
========================================================================================================================
NAV
========================================================================================================================
*/

@media (max-width:1199px){

	#nav {
		display: none;
		position: fixed;
		background: #fff;
		top: calc( var(--100px) + var(--10px) );
		left: 0;
		right: 0;
		height: calc( 100% - var(--100px) - var(--10px) );
		z-index: 888;
		overflow-y: auto;
	}
	#nav.open {
		display: block;
	}
	
	#nav ul {
		list-style: none;
		padding: 0 0 0 var(--space);
		margin: 0;
	}
	#nav > ul {
		padding-right: var(--space);
	}
	#nav li a,
	#nav li button {
		display: block;
		padding: calc( var(--space) * .7 );
		color: #000;
		font-size: var(--16px);
		margin: 0;
		text-decoration: none;
	}
	#nav li a:focus,
	#nav li a:active {
		background: #eee;
	}
	
	#nav > ul > li > a {
		text-transform: uppercase;
		color: #000;
		font-weight: 700;
		margin-top: var(--15px);
		border-bottom: 1px solid #ddd;
		padding-left: 0;
	}
	
	#nav ul.sub > li {
		border-left: 1px dashed #ddd;
		margin: 0;
	}
	#nav ul.sub > li > ul {
		display: none;
	}
	#nav ul.sub > li > ul.open,
	#nav ul.sub .aboutus {
		display: block;
	}
	#nav ul.sub > li > a {
		font-weight: 700;
		color: #cf6b4a;
		border-top: 1px dashed #ddd;
		border-bottom: 1px dashed #ddd;
		padding-left: var(--space);
		position: relative;
	}
	#nav ul.sub > li > a:after {
    font-family: clinicaplanas;
    content: "\e913";
    width: var(--14px);
    height: var(--14px);
    position: absolute;
    top: var(--13px);
    right: var(--10px);
    font-weight: 400;
		font-size: var(--14px);
	}
	#nav ul.sub > li:first-child > a {
		border-top: 0;
	}

	#nav #search button {
		display: none;
	}
}

@media (min-width:1200px){

	#nav {
		background: var(--background1);
		position: relative;
		z-index: 100;
	}
		#nav ul{
			list-style: none;
			padding: 0;
			margin: 0;
		}
			#nav > ul {
				max-width: calc( var(--max-width) - var(--space) );
				margin: 0 auto;
				display: flex;
			}
				#nav > ul > li {
					padding: 0;
					flex-grow: 1;
					margin: 0;
				}
				#nav > ul > li:first-child {
					flex-grow: 0;
					border-left: 1px solid rgba(255,255,255,.2);
				}
					#nav > ul > li > button,
					#nav > ul > li > a {
						display: block;
						height: 100%;
						text-transform: uppercase;
						color: #916f65;
						font-weight: 600;
						font-size: var(--15px);
						line-height: var(--20px);
						transition: all .3s ease;
						border: 0;
						border-top: var(--2px) solid transparent;
						background: transparent;
						outline: none;
						position: relative;
						border-right: 1px solid rgba(255,255,255,.2);
						margin: 0;
						text-decoration: none;
					}
					
					#nav > ul > li > button {
						padding: var(--20px) var(--15px) var(--20px) var(--15px);
					}
					#nav > ul > li > a {
						padding: var(--20px) var(--30px) var(--20px) calc( var(--space) * 0.8 );
					}
					#nav > ul > li > button:hover,
					#nav > ul > li > a:hover {
						text-decoration: none;
						background: rgba(255,255,255,.2);
					}
					#nav > ul > li:not(:first-child) > button:after,
					#nav > ul > li:not(:first-child) > a:after {
						font-family: clinicaplanas;
						content: "\e913";
						width: var(--14px);
						height: var(--14px);
						position: absolute;
						top: var(--18px);
						right: var(--10px);
						font-weight: 600;
						font-size: var(--14px);
					}

					#nav > ul > li:hover > button,
					#nav > ul > li:hover > a {
						background: #fff;
						border-top-color: #333;
						text-decoration: none;
					}
					
					
					#nav .sub {
						opacity: 0;
						font-size: var(--18px);
						pointer-events: none;
						transform: translateY(-3px);
						position: absolute;
						top: 100%;
						left: 0;
						right: 0;
						min-height: 30vh;
						background: #fff;
						max-width: calc( var(--max-width) - var(--space) );
						margin: 0 auto;
						box-shadow: 0 0 0 0 rgb(60 64 67 / 30%), 0 2px 6px 0 rgb(60 64 67 / 15%);
						transition: transform .5s ease;
						display: flex;
						padding: var(--space);
					}
					#nav > ul > li:hover .sub {
						opacity: 1;
						pointer-events: auto;
						transform: translateY(0);
						transition: transform .5s ease;
						z-index: 2;
					}
					
					#nav .sub > li {
						padding-right: var(--space);
						margin: 0;
					}
					#nav .sub > li > a {
						text-transform: uppercase;
						font-weight: 600;
						color: #000;
						padding: 0 0 var(--8px) 0;
						display: block;
						text-decoration: none;
					}
					#nav .sub > li > ul > li {
						margin: 0;
					}
					#nav .sub > li > ul > li a {
						text-transform: uppercase;
						text-decoration: none;
						color: #333;
						display: block;
						transition: all .1s ease;
						padding: var(--6px) var(--12px);
						border-left: 2px solid #eee;
					}
					#nav .sub > li > ul > li a:hover {
						background: #f6f6f6;
						border-color: #333;
					}

}
@media (min-width:1200px) {
	#nav > ul > li > button,
	#nav > ul > li > a {
		font-size: var(--18px);
	}
}



/*
========================================================================================================================
SEARCHER (NO CRITICAL)
========================================================================================================================
*/

#searcher.opened {
	opacity: 1;
	pointer-events: all;
}
	#searcher > div {
		opacity: 0;
		transform: translateY( 20px );
		width: 100%;
		max-width: 1024px;
		text-align: center;
		transition: all 1s ease;
	}
	#searcher.opened > div {
		opacity: 1;
		transform: translateY( 0 );
	}
	#searcher input {
		border: 0;
		width: 100%;
		font-size: var(--50px);
		line-height: var(--80px);
		outline: 0;
		text-align: center;
		text-transform: none;
		border-bottom: var(--3px) solid var(--background1);
		background: transparent;
		margin-bottom: calc( var(--space) * 2 );
		transition: all .3s ease;
		box-shadow: none;
	}
	#searcher input:hover,
	#searcher input:focus {
		border-color: var(--background3);
		color: #000;
	}
	#searcher button.action-searcher-close {
		border: 0;
		outline: 0;
		padding: var(--space);
		background: transparent;
		position: fixed;
		top: 0;
		right: 0;
		font-size: var(--60px);
		line-height: var(--60px);
		color: var(--grey-400);
		transition: all .3s ease;
	}
	#searcher button.action-searcher-close:hover {
		color: #000;
	}

	@media all and (max-width: 768px) {
		#searcher input {
			font-size: var(--20px);
			line-height: var(--40px);
		}
		#searcher button.action-searcher-close {
			font-size: var(--30px);
			line-height: var(--30px);
		}
	}


/*
========================================================================================================================
BREADCRUMB
========================================================================================================================
*/

.breadcrumb {
	background: #f9edea;
	padding: var(--15px) 0;
	overflow: auto;
}
	.breadcrumb h1 {
		margin: 0;
		padding: 0;
		font-size: var(--28px);
	}
	.breadcrumb ol {
		display: flex;
		list-style: none;
		padding: 0;
		margin: 0;
	}
		.breadcrumb a {
			text-transform: uppercase;
			text-decoration: none;
			padding-right: var(--30px);
			position: relative;
			color: #000;
			white-space: nowrap;
			font-size: var(--16px);
		}
		.breadcrumb a:hover {
			text-decoration: underline;
		}
		.breadcrumb li:not(:last-child) a:after {
			content: ">";
			position: absolute;
			right: var(--12px);
			top: 50%;
			font-size: var(--16px);
			transform: translateY(-50%);
		}
		.breadcrumb a.active {
			color: red;
		}
	
	@media all and (max-width:768px){
		
		.breadcrumb h1 {
			font-size: var(--22px);
			line-height: var(--28px);
		}

		.breadcrumb a {
			font-size: var(--12px);
			padding-right: var(--20px);
		}
		.breadcrumb li:not(:last-child) a:after {
			right: var(--5px);
		}

	}


.title {
	text-transform: uppercase;
	font-weight: 700;
	display: flex;
	flex-direction: row;
	margin-top: calc( var(--space) * 2 );
	margin-bottom: var(--space);
	color: var(--grey-600);
	text-align: center;
}
.title:before, .title:after {
	content: "";
	flex: 1 1;
	border-bottom: var(--4px) solid var(--grey-100);
	margin: auto;
}
.title.dark:before, .title.dark:after {
	border-bottom-color: var(--grey-350);
}
.title:before {
	margin-right: var(--15px);
}
.title:after {
	margin-left: var(--15px);
}

h2.title {
	font-size: var(--30px);
}
h3 {
	font-size: var(--24px);
}

@media (max-width: 1024px){
	h1.title {
		font-size: var(--22px);
	}
	h2.title {
		font-size: var(--18px);
	}
}





/*
========================================================================================================================
BUTTONS
========================================================================================================================
*/

.btn {
	display: inline-block;
	white-space: nowrap;
	border: var(--4px) solid var(--grey-400);
	outline: 0;
	padding: var(--4px) var(--12px);
	background: none;
	text-transform: uppercase;
	color: #333;
	font-weight: 600;
	font-size: var(--14px);
	transition: all .3s ease;
	margin-bottom: var(--15px);
	margin-right: var(--15px);
	text-decoration: none;
}
.btn-white {
	border-color: #ddd;
	color: #ddd;
}
.btn-white:hover {
	border-color: #fff;
	color: #fff;
}
.btn:last-child {
	margin-right: 0;
}
.btn:hover {
	text-decoration: none;
	border-color: #000;
	color: #000;
}
.btn-block {
	display: block;
	margin-right: 0;
	width: 100%;
	text-align: center;
}

@media (min-width:768px){
	.btn {
		font-size: var(--20px);
		border-width: var(--5px);
		padding: var(--10px) var(--30px);
	}
}







.summary {
	display: grid;
	grid-gap: var(--10px);
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: var(--space) 0 0 0;
	border: 1px solid #ddd;
	padding: var(--10px);
}
	.summary a {
		display: grid;
		padding: var(--10px) var(--15px);
		text-transform: uppercase;
		text-decoration: none;
		color: #000;
		border-left: var(--6px) solid #e9bbac;
		transition: all .3s ease;
		background: #fafafa;
		font-weight: 600;
		height: 100%;
		font-size: var(--16px);
	}
	.summary a:hover {
		background: #f3f3f3;
	}

@media all and (max-width:767px) {
	.summary {
		display: block;
	}
		.summary a {
			font-size: var(--13px);
			padding: var(--8px) var(--15px);
			border-bottom: var(--2px) solid #fff;
		}
}




#supercookies-sticky > div {
	border-color: #000 !important;
	background: #fff !important;
}
#supercookies-sticky h3 {
	font-size: var(--24px) !important;
}

.supercookies .cookie-btn-info,
.supercookies .cookie-btn-success {
  border-color: #888 !important;
}
.supercookies .cookie-btn-info:hover,
.supercookies .cookie-btn-success:hover {
  border-color: #000 !important;
}
/* .supercookies .cookie-btn-success:hover {
  border-color: #0072bf;
} */

#cookies-content-advice {
	background: #eee;
	padding: var(--30px);
	font-size: var(--20px);
	text-align: center;
}
#cookies-content-advice .h5 {
	display: block;
	margin-top: var(--15px);
	margin-bottom: var(--15px);
	font-size: var(--24px);
	font-weight: 700;
}
	#cookies-content-advice img {
		max-width: var(--50px);
		height: auto;
	}
@media all and (min-width: 1024px){

	#cookies-content-advice {
		padding: var(--100px);
	}
		#cookies-content-advice img {
			max-width: 100%;
		}
		#cookies-content-advice .h5 {
			margin-top: var(--30px);
			margin-bottom: var(--30px);
			font-size: var(--30px);
		}

}


hr {
	border: 0;
  border-bottom: 1px solid var(--background1);
}


		blockquote {
			border-radius: var(--5px);
			padding: var(--30px);
			font-size: var(--20px);
		}
		blockquote div {
			margin-top: var(--15px);
			text-align: center;
		}

		blockquote.color1 {
			background: var(--background3);
			color: #fff;
		}
			blockquote.color1 .btn {
				
				color: #fff;
				border-color: #fff;
			}
			blockquote.color1 .btn:hover {
				border-color: var(--background1);
			}

		blockquote.color2 {
			background: var(--background2);
		}

		@media all and (min-width: 768px){

			blockquote {
				padding: var(--45px);
				font-size: var(--24px);
			}

		}






												.category-list {
													list-style: none;
													margin: 0;
													padding: 0;
													display: grid;
													grid-gap: var(--space);
													grid-template-columns: 1fr;
													
												}
													.category-list > li {
														border: var(--1px) solid #e9bbac;
														transition: all .3s ease;
														background: #fff;
													}
													
													.category-list a {
														color: #333;
														text-decoration: none;
													}
														.category-list h2 {
															margin: 0;
															font-size: var(--21px);
															line-height: var(--25px);
															padding: var(--space) var(--space) var(--15px) var(--space);
															text-align: center;
															transition: all .3s ease;
														}
														.category-list .image {
															overflow: hidden;
														}
															.category-list img {
																width: calc( 100% + 4px );
																height: auto;
																filter: grayscale(.8);
																transition: all .3s ease;
																transform: translateX(-2px);
															}
															
														.category-list span {
															display: block;
															padding: 0 var(--15px) var(--15px) var(--15px);
															font-size: var(--15px);
															line-height: var(--23px);
															transform: translateY(0);
															transition: all .3s ease;
														}
												
												.category-list > li:hover {
													color: #000;
													border-color: #000;
												}
													.category-list > li:hover img {
														filter: grayscale(0);
														transform: translateX(0);
													}
													.category-list > li:hover span {
														transform: translateY(-5px);
													}

											@media all and (min-width:768px){

												.category-list {
													grid-template-columns: 1fr 1fr;
												}
												.category-list span {
													padding: 0 var(--30px) var(--15px) var(--30px);
													font-size: var(--21px);
													line-height: var(--28px);
												}

											}
											@media all and (min-width:1200px){

												.category-list {
													grid-template-columns: 1fr 1fr 1fr;
												}

											}


/*
========================================================================================================================
SEARCHER
========================================================================================================================
*/

#searcher {
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background: rgba( 255,255,255,.94);
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: calc( var(--space) * 2 );
}


.VIDEO img {
	max-width: 100%;
	width: 100%;
	height: auto;
}



/*
========================================================================================================================
HELPERS
========================================================================================================================
*/

.background-lazy {
	background: none !important;
}

.img-responsive {
	max-width: 100%;
	height: auto;
}

.img-100 {
	width: 100%;
}

.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

.hidden {
	display: none !important;
}

.uppercase {
	text-transform: uppercase;
}

@media (min-width: 768px) {
	.hidden-xs-up {
		display: none !important;
	} 
}

@media (min-width: 1025px) {
	.hidden-sm-up {
		display: none !important;
	} 
}

@media (min-width: 1920px) {
	.hidden-md-up {
		display: none !important;
	} 
}

@media (max-width: 767px) {
	.hidden-xs-down {
		display: none !important;
	} 
	.block-xs {
		display: block;
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.hidden-sm-down {
		display: none !important;
	} 
}

@media (max-width: 1919px) {
	.hidden-md-down {
		display: none !important;
	} 
}