/*  ============================================================================
    TABLE OF CONTENT
    ========================================================================== */

/*
 * 01 - IMPORT 
 * 02 - OVERALL BASICS
 * 03 - TYPO & LIST
 * 04 - MESSAGES & ALERTS
 * 05 - LINKS & BUTTONS
 * 06 - FORMS
 * 07 - IMAGES
 * 08 - TABLE
 * 09 - NAVIGATION
 * 10 - HELPERS
 * 11 - MODULES
 * 12 - OTHERS PRE-BUILD LAYOUT
 * 13 - CUSTOMS
 * 14 - MEDIAS QUERIES
 * 15 - ANIMATIONS
 */

/*  ============================================================================
    01 - IMPORTS
    ========================================================================== */
@import url(reset.css);
@import url(simplegrid.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,700,900,900i&display=swap');

/*  ============================================================================
    02 - OVERALL BASICS
    ========================================================================== */
html								{ font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-size: 62.5%; scroll-behavior: smooth; height: 100%; }
body								{ font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif, Georgia, serif; font-size: 1.6rem; line-height:1.6; letter-spacing:.01em; height: 100%; color:#606c76; background-color: #F2F2F2; }
body.cke_editable  					{ background: none; padding: 15px; }

.ui-datepicker-title select 		{ padding: 3px !important; font-size:16px !important; }

.ckeditor iframe 					{ width: 100%;  }

/* SELECTION */
::-moz-selection					{ background: #232323; color: #fff; text-shadow: none; }
::selection							{ background: #232323; color: #fff; text-shadow: none; }

:root {
	/* COLORS */
	--main-color: #004D91; 
	--main-color-hover: #006AC6;

	--second-color: #333333;
	--second-color-hover: #212121;
	
	/* CUSTOM COLORS */
	--second-color-dark-white: #E5E5E5;
	--second-color-light-gray: #B7B7B7;
	
	--accent-color: #FF3F00; /* input accent color */
}

/* SCROLL BAR */
::-webkit-scrollbar 				{ width: 14px; }
::-webkit-scrollbar-track 			{ background: var(--second-color-dark-white); }
::-webkit-scrollbar-thumb 			{ background: var(--main-color); }
::-webkit-scrollbar-thumb:hover 	{ background: var(--main-color-hover); }


/*  ============================================================================
	03 - TYPO & LIST
	========================================================================== */
/* HEADERS */
h1,h2,h3,h4,h5 						{ margin-bottom: 1rem; font-weight: 300; margin-top:0; letter-spacing:-0.1rem; }
h1									{ color:#606c76; font-size: 4.6rem; line-height: 1.2; }
h2									{ color:#606c76; font-size: 3.6rem; line-height: 1.25; }
h3									{ color:#606c76; font-size: 2.8rem; line-height: 1.3; }
h4									{ color:#606c76; font-size: 2.2rem; line-height: 1.35; letter-spacing:-0.08rem; }
h5									{ color:#606c76; font-size: 1.8rem; line-height: 1.5; letter-spacing:-0.05rem; }

/* PARAGRAPHS */
p									{ font-size: 1.6rem; line-height: 1.6; font-weight: 300; margin-bottom: 2.5rem; color:var(--second-color); }
p.spacer							{ padding: 20px; }
p.spacer-large						{ padding: 40px; }
small								{ font-size: 1.2rem; }
p.section-title 					{ color:var(--main-color); font-size:24px; font-weight: 500; }

/* CHARACTES STYLES */
i, em								{ font-style: italic; }
strong, b							{ font-weight: bold; }

sub, sup 							{ font-size: 1rem; } 
sub 								{ vertical-align: sub; } 
sup 								{ vertical-align: super; }
	
blockquote 							{ font-size: 2.25rem; line-height:1.6; width:70%; margin:3rem auto; font-style:italic; color: var(--second-color); padding: 2rem 3rem 2rem 8rem; border-left:8px solid var(--main-color);  position: relative; background:var(--second-color-dark-white); }
blockquote::before 					{ font-family:Arial; content: "\201C"; color:var(--second-color); font-size:4em; position: absolute; left: 10px; top:-10px; }
blockquote::after 					{ content: ''; }
blockquote span 					{ display:block; color:var(--second-color); font-style: normal; font-weight: bold; margin-top:1em; }

/* LIST */
dl, ol, ul 							{ list-style:none; padding:0; margin:0; font-weight: 300; }

ul 									{ list-style: circle inside; margin-bottom: 2.5rem; }
ul ul,
ul ol 								{ margin: 1.5rem 0 1.5rem 3.0rem }
ul li 								{ margin-bottom: 1rem; }

ol 									{ list-style: decimal inside; margin-bottom: 2.5rem; }
ol ol,
ol ul 								{ margin: 1.5rem 0 1.5rem 3.0rem }
ol li 								{ margin-bottom: 1rem; }

/* TAG */
.tag 								{ background-color:var(--second-color); color:#FFF; text-decoration: none; margin: 0 0 10px 0; display:inline-block; padding:1.1rem 1rem; font-size:1.2rem; line-height: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.tag:hover							{ background-color:var(--accent-color); color:#FFF; text-decoration: none; }

/*  ============================================================================
	04 - MESSAGES & ALERTS
	========================================================================== */
.message                            { clear: both; display: block; padding: 15px; position: relative; margin-bottom: 10px; color: #31708f; background-color: #d9edf7; border: 1px solid #70B2D1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.message p 							{ color:#31708f; margin: 0; }
.message:before 					{ font-family: "Font Awesome 5 Free"; content:"\f06a"; padding: 0 6px 0 5px; font-weight: 900; }

.message.error 						{ color:#BA0D0D; background-color:#F7B4B4; border: 1px solid #FC7474; }
.message.error p 					{ color:#BA0D0D; }
.message.error:before 				{ font-family: "Font Awesome 5 Free"; content:"\f057"; padding: 0 6px 0 5px; font-weight: 900; }
.message.success 					{ color:#3c763d; background-color:#ACEFAD; border: 1px solid #53AA55; }
.message.success p 					{ color:#3c763d; }
.message.success:before 			{ font-family: "Font Awesome 5 Free"; content:"\f058"; padding: 0 6px 0 5px; font-weight: 900; }
.message.warning 					{ color:#665b40; background-color:#fff7c2; border: 1px solid #CEB984; }
.message.warning p 					{ color:#665b40; }
.message.warning:before 			{ font-family: "Font Awesome 5 Free"; content:"\f071"; padding: 0 6px 0 5px; font-weight: 900; }

/* function display_alert() */
.alert 								{  }
.alert-content						{  }
.alert-content h2 					{  }
.alert-content h2:before 			{ font-family: "Font Awesome 5 Free"; content:"\f071"; padding: 0 6px 0 5px; font-weight: 900; }

/*  ============================================================================
	05 - LINKS & BUTTONS
	========================================================================== */
a									{ color:var(--main-color-main-color); text-decoration: underline; }
a:hover								{ color:#BF2F00; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
a:focus:not(a)						{ background-color:#FF3F00; color:#FFF !important; padding:0.25rem; text-decoration: none; border:none; outline: none; } 

a.button 							{ background-color: #FF3F00; color:#FFF; border:0.1rem solid #BF2F00; margin-bottom: 1rem; font-size:1.6rem; line-height: 4rem; font-weight: 400; display:inline-block; padding: 0 2rem; text-align: center; text-decoration:none; white-space:nowrap; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; border-radius: 0.4rem; transition: 0.20s ease-in; }
a.button:hover 						{ background-color: #3D3D3D; color:#FFF; border:0.1rem solid #3D3D3D }
a.button:focus 						{ background-color: #720000; border-color: currentColor }
a.button i.start 					{ margin-right: 1rem; }
a.button i.end 						{ margin-left: 1rem; }

a.button.button-shadow 				{ box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 6px, rgba(0, 0, 0, 0.5) 0px 3px 6px; }

a.fancy-link 						{ color: #FF3F00; text-decoration: none; position: relative; }
a.fancy-link::after 				{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: currentColor; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; transition: -webkit-transform 250ms ease-in; transition: transform 250ms ease-in; transition: transform 250ms ease-in, -webkit-transform 250ms ease-in; }
a.fancy-link:hover::after 			{ -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; }

/*  ============================================================================
	06 - FORMS
	========================================================================== */

/* LABELS */
label 								{ /*cursor: pointer;*/ }

.checkbox 										{ display: block; margin-bottom:1rem; }
.checkbox label 								{ display: block; padding:1.25rem 1.5rem; cursor: pointer; border:1px solid var(--second-color-light-gray); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.checkbox label:hover 							{ background-color: var(--second-color); color:#FFF; border:1px solid var(--second-color-hover); }
.checkbox input[type=checkbox] 					{ float: left; margin:1.5rem 1rem 0 1.25rem; }
.checkbox input[type=checkbox]:checked + label 	{ background-color: var(--main-color); color:#FFF; }

/* SELECT BOX */
select								{ color:#6D6D6D; width: 100%; padding:1.25rem 1.5rem; margin-bottom: 1rem; border:1px solid #CCCCCC; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
select:hover 						{ background-color: #FFFADD; }
select:focus 						{ border:1px solid #58D300 !important; }
option								{ width: 100%; }

/* RADIO */
.radio 										{ display: block; margin-bottom:1rem; }
.radio label 								{ display: block; padding:1.25rem 1.5rem; cursor: pointer; border:1px solid var(--second-color-light-gray); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.radio label:hover 							{ background-color: var(--second-color); color:#FFF; border:1px solid var(--second-color-hover); }
.radio input[type=radio] 					{ float: left; margin:1.5rem 1rem 0 1.25rem; }
.radio input[type=radio]:checked + label 	{ background-color: var(--main-color); color:#FFF; }

input[type=radio] 					{ width: auto;  }

/* INPUT */
input 								{ accent-color: var(--accent-color); }
input:hover 						{ background-color: #FFFADD; }
input:focus 						{ border:1px solid #58D300 !important; }

input.missing,
textarea.missing,
select.missing 						{ border: 1px solid #FF0000 !important; }
.missing 							{ color: #FF0000; }

input[type=text],
input[type=password],
input[type=search],
input[type=url],
input[type=tel],
input[type=date],
input[type=email],
input[type=time],
input[type=number],
input[type=range],
input[type=color],
textarea							{ font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; color:#3F3F3F; font-weight: 400; font-size: 1.6rem; width: 100%; padding:1.25rem 1.5rem; margin-bottom: 1rem; border:1px solid #CCCCCC; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* TEXTAREA */
textarea							{ min-height: 150px; resize: vertical; }
textarea:focus 						{ border:1px solid #58D300 !important; }

/* BUTTONS */
input[type=submit] 					{ font-size:1.6rem; padding:1.25rem 1.5rem; color:#FFF; transition: 0.5s; background-color: #5bb85d; cursor:pointer; border: none; border-bottom: 4px solid #4F8E4F; -webkit-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 36px; border-radius: 3px; }
input[type=submit]:hover 			{ background-color: #35B737; }

/*  ============================================================================
	07 - IMAGES
	========================================================================== */
img									{ opacity: 0.9; width: auto !important; height: auto !important; max-width:100%; height: auto; vertical-align: middle; }
img:hover 							{ opacity: 1; }
img:focus 							{ border:#58D300 !important; }
img.border 							{ border:10px solid #FFF; box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; }
	
/*  ============================================================================
	08 - TABLE
	========================================================================== */
table.form-table 					{ width: 100%; margin-bottom: 30px; }
table.form-table tr td				{ padding: 0 2rem 3rem 0; border:none; }
table.form-table tr td input,
table.form-table tr td select,
table.form-table tr td textarea 	{ margin-bottom: 0; }
table.form-table tr 				{ background:none !important; }

table								{ width: 100%; margin-bottom: 30px; }
table thead tr th 					{ background-color:#D8D8D8; }
table tr td							{ display: table-cell; padding: 1.4rem; vertical-align: middle; border-bottom: 1px solid #D3D3D3; }
table tr:nth-child(even) 			{ background-color:#EDEDED; }
table tr:hover 						{ background-color:#FFF0E0; }
table tr th						 	{ display: table-cell; padding: 1.4rem; vertical-align: middle; border-bottom: 1px solid #D3D3D3; font-weight: bold; text-align: left; color:#5B5B5B; }
	
table.no-border,
table.no-border tr,
table.no-border tr td,
table.no-border tr td,
table.no-border thead tr th 		{ border:none; background: none; }
	
table.border						{ width: 100%; margin-bottom: 12px; border: 1px solid #D3D3D3; }
table.border tr td					{ display: table-cell; vertical-align: middle; border: 1px solid #D3D3D3; }
table.border tr th				 	{ display: table-cell; vertical-align: middle; border: 1px solid #D3D3D3; }

/*  ============================================================================
	09 - NAVIGATION
	========================================================================== */
.breadcrumbs                        { margin-bottom: 10px; }
.breadcrumbs a                      { font-size: 1.4rem; display: inline-block; text-decoration: none; }
.breadcrumbs a:after                { font-family: "Font Awesome 5 Free"; content:"\f105"; padding: 0 6px 0 5px; font-weight: 900; }
	
#button-burger  					{ display: none; background-color: var(--second-color-hover); color:#FFF; cursor: pointer; position: fixed; top:0px; right:0px; border:none; z-index: 8; width: 70px; height: 70px; text-align: center; }
#button-burger .fas 				{ color:#fff; font-size:26px; line-height: 26px; }

/* function display_menu (main menu) */	
nav.main-nav 						{  }
nav.main-nav ul.level-1 			{  }
nav.main-nav ul.level-1 li			{ display: inline-block; padding: 0 2px; position: relative; }
nav.main-nav ul.level-1 li a		{ font-size: 1.6rem; margin: 0 0.6rem; color: var(--second-color); display: block; text-decoration: none;  }
nav.main-nav ul.level-1 li a:hover,
nav.main-nav ul.level-1 li a.open,
nav.main-nav ul.level-1 li a.current{ color: var(--main-color-hover); }

nav.main-nav ul.level-2 			{ width: 250px; top:100%; left:0; z-index:10; display: none; position: absolute; margin: 0; }
nav.main-nav ul.level-2 li			{ display: block; padding: 0; margin:0; }
nav.main-nav ul.level-2 li a		{ display: block; padding: 2.2rem 1.8rem; margin:0; }
nav.main-nav ul.level-2 li a:hover,
nav.main-nav ul.level-2 li a.open 	{  }

nav.main-nav ul.level-3 			{ width: 220px; z-index:10; display: none; margin:0; position: absolute; left:100%; top:0; margin-bottom: 0px; }
nav.main-nav ul.level-3 li			{ display: block; }
nav.main-nav ul.level-3 li a		{  }
nav.main-nav ul.level-3 li a:hover	{  }

nav.main-nav li a.arrow-down:after 	{ font-family: "Font Awesome 5 Free"; content:"\f107"; padding-left: 5px; font-weight: 900; }
nav.main-nav li a.arrow-right:after { font-family: "Font Awesome 5 Free"; content:"\f105"; padding-left: 5px; font-weight: 900; float: right; }
nav.main-nav li a.plus:after	  	{ font-family: "Font Awesome 5 Free"; content:"\f067"; padding-left: 10px; font-weight: 900; float: right; }
	
/*  ============================================================================
	10 - HELPERS
	========================================================================== */
.clear                              { display: block; clear: both; overflow: hidden; height:0; margin:0; padding: 0; }
.loading-bar 						{ display: none; }

/* CARDS */
.card 								{ border:1px solid #A0A0A0; background-color: #FFF; }
.card img 							{ opacity:0.9; }
.card img:hover 					{ opacity:1; }
.card-content 						{ padding:2rem; }
.card-content-title 				{ font-size:2rem; font-weight:700; margin-bottom:1rem; }
.card-content-description 			{  }
.card-content a.button:after 		{ content:"\f105"; font-family: "Font Awesome 5 Free"; padding-left:1rem; font-weight: 900; }

/* BOX */
.box 								{ background-color: #FFF; padding: 3rem; margin-bottom: 30px; border: 1px solid #EAEAEA; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;  }
.box.box-shadow 					{ background-color: #FFF; padding: 3rem; margin-bottom: 30px; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25); border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
.box *:last-child					{ margin-bottom: 0; }

/* LOADING BOX */
#loading-box 						{ z-index:1000000; background-color: #000; opacity: 0.85; position: fixed; top:0; left:0; width:100%; height:100%;} 
.spinner 							{ -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; z-index: 2; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; }
.spinner .path 						{ stroke: #93bfec; stroke-linecap: round; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; }

/*  ============================================================================
	11 - MODULES
	========================================================================== */
	
	.module.faq 						{ margin: 30px 0; }
	.faq .question-content 				{ margin-bottom: 5px; }
	.faq .faq-response 					{ border: 1px solid #E5E5E5; display: none; padding: 15px;}
	.faq .faq-question 					{ font-size: 17px; line-height: 24px; font-weight: 300; color:#212121;  }
	.faq .faq-question p 				{ font-size: 17px; line-height: 24px; font-weight: 300; margin-bottom: 30px; color:#3a3a3a; }
	.faq .faq-question p.faq-title 		{ background-color: #E5E5E5; border: 1px solid #E5E5E5; color:#545454; cursor: pointer; margin: 0; padding: 10px 15px; }
	.faq .faq-question p.faq-title:hover{ background-color: #545454; color:#FFF; }
	.faq .faq-question .fas 			{ float: right; padding: 5px 4px 0 0; }
	.faq .faq-response p:last-of-type 	{ margin-bottom: 0; }
	
/*  ============================================================================
	12 - OTHERS PRE-BUILD LAYOUT
	========================================================================== */

/* function display_logo() */
.logo 								{  }
.logo img.logo-image				{ max-width:250px; }
.logo a.logo-link					{  }

/* function display_link_translate() */
a.language 							{  }

/* function display_socials_icon() */
.main-social-list 					{  }
.main-social-list li 				{ list-style: none; display: inline-block; margin:0; }
.main-social-list li a 				{ display: block; color: var(--main-color); }
.main-social-list li a:hover 		{ color: var(--main-color-hover); }

/* function display_share_buttons() */
.share 								{ margin-top: 30px; }
.share-buttons a					{ width: 100px; text-align: center; display: inline-block; padding: 1rem 2rem; color:#FFF; }
.share-buttons .facebook 			{ background-color: #3B5998; }
.share-buttons .twitter 			{ background-color: #55ACEE; }
.share-buttons .pinterest 			{ background-color: #CB2027; }
.share-buttons .linked-in 			{ background-color: #0072b1; }
.share-buttons .facebook:hover 		{ background-color: #32508C; }
.share-buttons .twitter:hover 		{ background-color: #409CDD; }
.share-buttons .pinterest:hover 	{ background-color: #C1171C; }
.share-buttons .linked-in:hover 	{ background-color: #03679E;  }

/*  ============================================================================
	13 - CUSTOMS
	========================================================================== */

/* CRISE 2022 */
#billing_postal_code 				{ text-transform: uppercase; }

p.note 								{ font-size:14px; font-style: italic; }

.hotel 								{ border: 3px solid #DBDBDB; padding: 15px; margin-bottom: 10px; cursor: pointer; }
.hotel:hover,
.hotel.selected 					{ border: 3px solid #004D91; background-color: #D3EAFF; }
.hotel-name 						{ font-size:18px; font-weight: bold; margin: 0; }
.hotel-detail 						{ font-size:15px; line-height: 15px; margin: 0; }
.hotel-price 						{ font-size:15px; color:#FFF; background-color: #004D91; padding: 3px 10px; display: inline-block; float: right; }

.bed 								{ width: 50%; float: left;  }
.bed-content 						{ margin: 10px; border: 3px solid #DBDBDB; padding: 15px; cursor: pointer; }
.bed-content:hover,
.bed-content.selected 				{ border: 3px solid #004D91; background-color: #D3EAFF; }
.bed .fa-bed 						{ font-size:30px; float: left; margin-right: 10px;	}

.preview-nb-days 					{ display: none; font-size:15px; color:#FFF; background-color: #004D91; padding: 3px 10px; float: right;	}

.payment-box 						{ width:98%; max-width:500px; margin:auto; /* padding:30px; background-color:#FFF;  */}
.payment-box-content 				{ background-color:#FFF; padding:30px; margin-top:15px; border:1px solid #E8E8E8; border:1px solid #E8E8E8; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; }
.payment-box-head 					{ background-color: #1C90D8; text-align: center; padding: 30px; margin-top:10px; }
.payment-box-method 				{ padding:10px 0; }  
.payment-box p.total-due 			{ color:#FFF; font-size:36px; line-height: 40px; font-weight: bold; }
.payment-box p.total-title 			{ color:#FFF; font-size:20px; line-height: 24px; }

#payment-form table 				{ margin-bottom: 0; }
#payment-form table tr td 			{ padding: 0 1px; }
#payment-form label 				{ font-size:16px; }
#payment-form input[type="submit"] 	{ width: 100%; }

.payment-card:hover 				{ border:1px solid #757575; background-color: #D8D8D8; cursor:pointer; }
.payment-card.selected 				{ border:3px solid #64BC00; background-color: #EFFFDD; }
.payment-card.selected:before 		{ font-family: "Font Awesome 5 Free"; content:"\f058"; padding: 0 8px; font-weight: 900; float:right; color:#64BC00; }

.card 								{ border:1px solid #A3A3A3; padding: 10px 15px;  margin-bottom: 5px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.card .card-detail 					{ width: 100%; }
.card .card-image 					{ float: left; margin-right: 30px; width: 70px; }
.card .card-name 					{  }
.card .card-expiration 				{ color:#9E9E9E; font-size:14px; }
.card .card-remove 					{ float: right; padding-top: 12px;  }
.card .paid-button 					{ float: right; padding: 12px 20px;  background-color:#3dc55d; color:#FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.card span.expired 					{ font-size:14px; color:#E50000; }

/*  ============================================================================
	14 - MEDIAS QUERIES
	========================================================================== */

/* XXLARGE SCREEN */
@media only screen and (max-width : 1680px) {
	
}

/* XLARGE SCREEN */
@media only screen and (max-width : 1440px) {
	
}

/* LARGE SCREEN */
@media only screen and (max-width : 1280px) {
	nav.main-nav ul.level-1 li a		{ font-size: 16px; line-height: 20px; }
}

/* MEDIUM SCREEN */
@media only screen and (max-width : 1024px) {
	#button-burger  					{ display: block; }
	nav.main-nav 						{ display: none; background-color: #2D2D2D; position: fixed; top:0; left:0; width: 100%; height: 100%; }
	nav.main-nav a						{ font-size:2rem; }
	nav.main-nav ul.level-1 li			{ display: block; padding: 0; }
	nav.main-nav ul.level-1 li a		{ padding: 10px 15px; color:#FFF; font-size: 26px; line-height: 34px; }
	nav.main-nav ul.level-2				{ background-color: #2D2D2D; box-shadow: none; top:0; left: 15px; }
	nav.main-nav ul.level-2 li a		{ padding: 10px 15px; padding-left: 20px; }
	nav.main-nav ul.level-3 li a		{ padding: 10px 15px; padding-left: 30px; }
	nav.main-nav ul.level-2 			{ width: 100%; position: relative; }
	nav.main-nav ul.level-3 			{ width: 100%; position: relative; left:0; }
	nav.main-nav li a.arrow-down:after 	{ float: right; }
}

/* INTER SCALE */
@media only screen and (max-width : 960px) {
	
}

/* SMALL SCREEN */
@media only screen and (max-width : 768px) {
	blockquote 							{ width:90%; margin:1rem auto; padding: 2rem 2rem 2rem 6rem; }
	blockquote::before 					{ font-size:7rem; }
}

/* INTER SCALE */
@media only screen and (max-width : 640px) {
	nav.main-nav 						{ top:50px; }
	nav.main-nav ul.level-1 li a		{ font-size: 20px; line-height:28px; }
	#button-burger  					{ width: 50px; height: 50px; }
	
	table.form-table,
	table.form-table tr,
	table.form-table td,
	table.form-table th  				{ width: 100%; display: block; }
}

/* XSMALL SCREEN */
@media only screen and (max-width : 479px) {
	
	
}
	
/*  ============================================================================
	15 - ANIMATIONS
	========================================================================== */
@-webkit-keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124;
	}
}
@keyframes dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124;
	}
}