/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700');*/

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
figure {

}

figcaption {

}

img{
	max-width: 100%;
}

audio {

}

video {

}
@media print  
{
	.form_news, aside, .social_list, .article_footer_taxonomy, .comments, #back-totop, .article_promo, .imprimer,  header, nav, footer {
		display: none;
	}
	@page {
		margin: 10%;	
	}
	h1, h2, h3, caption {
	  	page-break-after: avoid; 
	}
	.copyright {
		display: block;
		font-size: small;	
	}
	.two_four > div {
		page-break-inside: avoid;
	}
	table {
		page-break-inside: avoid;
	}
	.last_article {
		border-bottom: none;
	}
	.last_article div:first-child img, .two_four img {
		display: block;
		page-break-before: auto;
    		page-break-after: auto;  
		page-break-inside: avoid;	
	}	
	.print-only {
		display: none;
	}
	.screen-only
	{
		display: initial;
	}
		
}
@media print and (orientation:landscape) 
{	
	.last_article div:first-child img, .two_four img {
		width: 40em;
		max-width:100%;	
	}

}
@media print and (monochrome) 
{	
	@page {
		margin: 10%;	
	}
	img {
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	}
}
h1 {
	font-size: 2em;
	line-height: 1.2;
}

h2 {
	font-size: 1.414rem;
	line-height: 1.2;
}

h3 {
	font-size: 1.17rem;
	line-height: 1.2;
}

h4 {
	font-size: 1em;
	line-height: 1.3;
}

h5 {
	font-size: 0.83em;
	line-height: 1.3;
}

h6 {
	font-size: 0.75em;
	line-height: 1.3;
}

em, i {
    font-style: italic;
}

.nowrap {
	white-space: nowrap !important;
}

.truncate {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

* {
	box-sizing: border-box;
}

html {
	font-family: "Source Sans Pro", "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
	font-size: 100%;
	height: 100%;
}

body {
 
}

main {
	margin: 1em;
}

div {

}

article {

}

aside {

}
.rtl {
	direction: rtl;
}

.noselect {

	-webkit-touch-callout: none; 
	-webkit-user-select: none;   
	-khtml-user-select: none;    
	-moz-user-select: none;      
	-ms-user-select: none;       
	user-select: none;           
}

.block-section {
	width: 100%;
}
/***************************GRID************************************/
.grid-container {
	overflow: auto;
}

[class*='col-'] {
	min-height: .2em; 
}

.col-xs-1 {
	width: 33.33%;
}

.col-xs-6 {
	width: 50%;
}

.col-xs-12 {
	width: 100%;
}

/************************FeatureList******************************/
.featureList {
	margin: 1em auto;
}
/*
.featureListItem + .featureListItem {
  	border-top: 1px solid #D7DBDD;
}

.featureListItem:last-child {
  	border-bottom: 1px solid #D7DBDD;
}
*/
.featureListItem > div {
	padding: .5em 1em;
	text-align: center;
}

.img-back {
	width: 100%;
	position: relative;
	overflow: hidden !important;
}

.img-back img{
	width: 100%;
	background-size: cover;
	object-fit: cover;
	
}

.img-back .text * {
	color: white;
}

.portfolio img {
	max-width: 4em;
	vertical-align: middle;
}

.portfolio span {
	margin: 1em;
}

section.feature {
	text-align: center;
	overflow: auto;
	margin:auto; 
}

section.feature.search {
	text-align: right;
}

section.feature:before {
	display: block;	
	content:'';
	padding-top: 1em;
}

section.feature:after {
	display: block;
	content:'';
	padding-bottom: 1em;
}

.img-back .text {
	position: absolute;
	top: 5%;
	left: 0;
	width: 100%;
	max-height: 95%;
}


.item-feature .item-feature-icon {
	width: 2em;
	vertical-align: top;
}

.item-feature .item-feature-text h2, .item-feature .item-feature-text h3, .item-feature .item-feature-text h4, .item-feature .item-feature-text h5, .item-feature .item-feature-text h6 {
	margin-top: 0;
	margin-bottom: .5em;
}

.item-feature .item-feature-text {
	text-align: left;	
	padding-left: 1em;
}


.item-feature .item-feature-icon, .item-feature .item-feature-text {
	display: table-cell; 
}

	
.heading-block > div:first-child {
	padding: 2em;
}

.centered-block hr.divider-d {
	border-color: orange;	
	width: 20%;
	margin: 2em auto;
}

.featureListItem {
	display: flex;
	justify-content: space-between;
	max-width: 100%;
	margin-top: 2em;
	margin-bottom: 2em;
}

.featureListItem_reverse {
	flex-direction: row-reverse;
}

/*.featureListItem > div {
	width: 50%;
}*/

.featureListItem.full-width > div {
	width: initial;
}
	
.featureListItem > div:nth-child(2) {
	text-align: left;
	width: 80%;
}

@media screen and (min-width: 53em) {
	
	.centered-block {
		width: 70%;		
		margin:auto;
	}	
		
	.heading-block {
		display: inline-block;
		width: 29%;
		margin: 2%;
		float: left;
	}
	
	.item-feature {
		display: inline-block;
		width: 29%;
		margin: 2%;
		float: left;
	}
	
	.img-back .text {
		top: 40%;
		left: 25%;
		max-width: 50%;
		text-align: left;
	}
	
	.img-back {
		height: 40em;
	}

	
}

.stickfooter {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.stickfooter main {
	flex: 1 0 auto;
}

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

@media screen and (min-width: 33em) {
	
	/*main {
		width: 30em;
		margin: 1em auto;		  
	}*/
	
	[class*='col-'] {
		padding: .85em;
	}
	
	grid-container {
		width: 100%;
		box-sizing: border-box; 
	}
			
	.row:before, .row:after {
		content:"";
		display: table ;
		clear:both;
	}
	
	.col-sm-1 {
		width: 25%; 	
	}
	
	.col-md-3 , .col-sm-2 {
		width: 50%;
	}
	
	.col-sm-3 {
		width: 33.333%; 	
	}
	
	.col-sm-4 {
		width: 75%; 	
	}
	
	.col-sm-5 {
		width: 100%; 	
	}
	
	[class*='col-'] {
		min-height: .2em; 
		float: left;
	}		
		
}	



@media screen and (min-width: 53em) {
	
	/*main {
		width: 50em;
		margin: 1em auto;
	}*/
	
	.col-md-1 {
		width: 16.66%; 
	}
	
	.col-md-2 {
		width: 33.33%; 	
	}
	
	.col-md-3 {
		width: 50%; 	
	}
	
	.col-md-4 {
		width: 66.66%; 	
	}
	
	.col-md-5 {
		width: 83.32%; 	
	}
	
	.col-md-6 {
		width: 100%; 	
	}
	
	
}

@media screen and (min-width: 70em) {
	
	/*main {
		width: 65em;
		margin: 1em auto;
	}*/
	
	.col-1 { 
		width: 8.33%; 
	}
			
	.col-2 { 
		width: 16.66%; 
	}
	
	.col-3 { 
		width: 25%;
 	 }
 	 
	.col-4 { 
		width: 33.33%; 
	}
	.col-5 { 
		width: 41.66%; 
	}
	.col-6 {
		width: 50%;
	}
	.col-7 {
		width: 58.33%;
	}
	
	.col-8 {
		width: 66.66%;
	}
	.col-9 {
		width: 75%;
	}
	
	.col-10 {
		width: 83.33%;
	}
	
	.col-11 {
		width: 91.66%;
	}
	
	.col-12 {
		width: 100%;
	}
}

hr.divider {
	border-top: 1px solid #8c8b8b;
}


hr.divider-d {
	border-top: 2px double #8c8b8b;
}
.alert {
	position: relative;
	padding: 1em;
	margin: 1em auto;
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-success-icon:before {
	content: "\f071";
	padding-right: .5em;
	color: #3c763d;
}

html[dir=rtl] .alert-success-icon:before {
	content: '';
	
}

html[dir=rtl] .alert-success-icon:after {
	content: '\f00c';
	padding-left: .5em;
	color: #66BB6A;
}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert-info-icon:before {
	content: "\f071";
	padding-right: .5em;
	color: #2196F3;
}

html[dir=rtl] .alert-info-icon:before {
	content: "";
}
html[dir=rtl] .alert-info-icon:after {
	content: "\f071";
	padding-left: .5em;
	color: #2196F3;
}

.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.alert-warning-icon:before { 
	content: "\f071";
	padding-right: .5em;
	color: #FFD600;
}

html[dir=rtl] .alert-warning-icon:before { 
	content: "";
}

html[dir=rtl] .alert-warning-icon:after { 
	content: "\f071";
	padding-left: .5em;
	color: #FFD600;
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.alert-danger-icon:before {
	content: "\f071";
	padding-right: .5em;
	color: #EF5350;
}

html[dir=rtl] .alert-danger-icon:before {
	content: "";
}

html[dir=rtl] .alert-danger-icon:after {
	content: "\f071";
	padding-left: .5em;
	color: #EF5350;
}

.alert-message__close {
	position: absolute;
	right: .25rem;
	cursor: pointer;
	margin: auto;
}

html[dir=rtl] .alert-message__close {
	right: initial;
	left: .25rem;
}

.alert-message__icon-close {
	width: 1.5rem;
}

.alert-warning .alert-message__icon-close {
	fill: #f9b577;
}

a path {
	fill: #0f65ef;
}
button{
	font-weight: bold;
	font-size: .9em;
}

.btn {
	display: inline-block;
	border: 1px solid;
	margin: .25em .5em;
	padding: .5em;	
	color: white; 
	cursor: pointer;
	border-radius: .5ex;
}

a.btn, span.btn {
	-webkit-touch-callout: none; 
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/**************************************************************/

.dropdown-button {
	position: absolute;
	z-index: 1000;
	display: none;
	min-width: 160px;
	padding: 1em;
	margin: 0;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	-webkit-box-shadow: 0 .5em .8em rgba(0,0,0,.175);
	box-shadow: 0 .5em .8em rgba(0,0,0,.175);
}
.dropdown-toggle {
	margin: 0;
}
.dropdown-button li{	
	padding-top: .5em;
}
 
.btn-group {
	display: inline-block;
	position: relative;
}
/*
.btn-group>.btn:first-child {
    margin-left: 0;
}    
*/
.dropdown-btn-toggle {
	display: block;
}

.icon-elt {
	border-radius: .8em; 
	background: #03A9F4;
	margin: 0;
	padding: .5em 1.5em;
	color: white;
	cursor: pointer;	
} 

.icon-elt:hover {
	background: #7986CB;
}

.rtl .icon-elt i {
	padding-left: .3em;
	padding-right: 0;
}

.icon-elt i {
	padding-right: .3em;
}

.icon-elt a {
	color: white;
}


input {
	max-width: 100%;
}
	
input[type=text] {

}

input[type=email] {

}

input[type=password] {

}

input[type=search] {

}

input[type=number] {

}

input[type=range] {

}

input[type=color] {

}

input[type=time] {

}

input[type=date] {

}

input[type=datetime] {

}

input[type=datetime-local] {

}

input[type=month] {

}

input[type=week] {

}

input[type=tel] {

}

input[type=url] {

}

input[type=radio] {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

input[type=checkbox] {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

input[type=button] {

}

input[type=file] {
	border: none;
}

input[type=submit] {
	cursor: pointer;
	margin: .5em;
    	min-width: 5em;
    	width: initial;
    	font-weight: bold;
	padding-right: .5em;
	padding-left: .5em;
}


/********************************************************************************************************************/
input.input-perso[type="checkbox"]:not(:checked), input.input-perso[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

input.input-perso[type="checkbox"]:checked + label:after {
	background: #39D2B4;
	top: -.1em;
	left: 2.4em;
}

input.input-perso[type="checkbox"]:not(:checked) + label, input.input-perso[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 4.5em;
	cursor: pointer;
}

input.input-perso[type="checkbox"]:not(:checked) + label:before, input.input-perso[type="checkbox"]:checked + label:before {
	left: 0;
	top: -.5em;
	width: 4em;
	height: 2em;
	background: #DDDDDD;
	border-radius: 1em;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-ms-transition: background-color .2s;
	transition: background-color .2s;
}   

input.input-perso[type="checkbox"]:not(:checked) + label:after, .switch [type="checkbox"]:checked + label:after {
	width: 20px;
	height: 20px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
	border-radius: 50%;
	background: #D32F2F;
	top: -.1em;
	left: .5em;
}

input.input-perso[type="checkbox"]:not(:checked) + label:before, input.input-perso[type="checkbox"]:checked + label:before, input.input-perso[type="checkbox"]:not(:checked) + label:after, .switch [type="checkbox"]:checked + label:after {
	content: '';
	position: absolute;
}

input.input-perso[type="checkbox"]:checked + label .ui, input.input-perso[type="checkbox"]:not(:checked) + label .ui:before, input.input-perso[type="checkbox"]:checked + label .ui:after {
	position: absolute;
	left: .2em;
	border-radius: 1em;
	font-weight: bold;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}

[type="checkbox"]:disabled + label, [type="radio"]:disabled + label {
	color: rgba(0, 0, 0, 0.298039);
	cursor: default !important;	
}

input.input-perso[type="checkbox"]:not(:checked) + label .ui:before {
	content: "";
	/*left: 2em;*/
	color: #D32F2F;
}

input.input-perso[type="checkbox"]:checked + label .ui:after {
	content: "";
	color: #39D2B4;
} 

/************************************************************************************************/
 
.fh-checkbox > [type="checkbox"]:checked, .fh-checkbox > [type="checkbox"]:not(:checked), .fh-radio > [type="radio"]:checked, .fh-radio > [type="radio"]:not(:checked) {
	width: 0;
	height: 0;
	display: none;
	opacity: 0;
}

.fh-checkbox > [type="checkbox"]:checked + label, .fh-checkbox > [type="checkbox"]:not(:checked) + label, .fh-radio > [type="radio"]:checked + label, .fh-radio > [type="radio"]:not(:checked) + label {
	display: inline-block;
	padding-left: 1.5em;
	position: relative;
	cursor: pointer;
} 

.fh-radio > [type="radio"]:checked + label:before {
	color: #03A9F4;
	box-shadow: inset 0 0 0 1px #fff;
}

.fh-radio > [type="radio"]:checked + label:before, .fh-radio > [type="radio"]:not(:checked) + label:before {
	content: "";
	border-radius: 1em;
	-webkit-transition: border-color .2s ease-in, box-shadow .1s ease-in, background-color .2s ease-in, box-shadow .2s ease-in;
	-moz-transition: border-color .2s ease-in, box-shadow .1s ease-in, background-color .2s ease-in;
	-o-transition: border-color .2s ease-in, box-shadow .1s ease-in, background-color .2s ease-in;
	-ms-transition: border-color .2s ease-in, box-shadow .1s ease-in, background-color .2s ease-in;
	transition: border-color .2s ease-in, box-shadow .1s ease-in, background-color .2s ease-in;
}

.fh-checkbox > [type="checkbox"]:checked + label:before, .fh-checkbox > [type="checkbox"]:not(:checked) + label:before, .fh-radio > [type="radio"]:checked + label:before, .fh-radio > [type="radio"]:not(:checked) + label:before {
	position: absolute;
	display: inline-block;
	bottom: 1px;
	left: 0;
	width: 1em;
	height: 1em;
	border: 2px solid #849fbb;
	color: #849fbb;
}

.fh-checkbox > [type="checkbox"]:checked + label:before, .fh-checkbox > [type="checkbox"]:not(:checked) + label:before {
	font-family: "FontAwesome";
	font-size: .8em;
	text-align: center;
	-webkit-transition: border-color .2s ease-in, background-color .2s ease-in;
	-moz-transition: border-color .2s ease-in, background-color .2s ease-in;
	-o-transition: border-color .2s ease-in, background-color .2s ease-in;
	-ms-transition: border-color .2s ease-in, background-color .2s ease-in;
	transition: border-color .2s ease-in, background-color .2s ease-in;
}

.fh-checkbox > [type="checkbox"]:checked + label:before {
	content: "\f00c";
	color: #FFF;
}

.fh-checkbox > [type="checkbox"]:not(:checked) + label:before {
	content: "";
}

 /**********************************************************************************/
 
 .fh-switch {
	position: relative;
}
.fh-switch > [type="checkbox"]:checked, .fh-switch > [type="checkbox"]:not(:checked) {
	width: 0;
	height: 0;
	display: none;
	opacity: 0;
}
.fh-switch > [type="checkbox"]:checked + label, .fh-switch > [type="checkbox"]:not(:checked) + label {
	cursor: pointer;
	display: inline-block;
	padding-right: 3em;
}

.fh-switch > [type="checkbox"]:checked + label + .fh-switch-knob, .fh-switch > [type="checkbox"]:not(:checked) + label + .fh-switch-knob {
	top: 0;
	width: 1.25em;
	height: 1.25em;
	border-radius: 1em;
	display: inline-block;
	position: absolute;
	cursor: pointer;
	pointer-events: none;
	box-shadow: 1px 1px 1px #dddddd;
	-webkit-transition: right .1s ease-in, background-color .1s ease-in;
	-moz-transition: right .1s ease-in, background-color .1s ease-in;
	-o-transition: right .1s ease-in, background-color .1s ease-in;
	-ms-transition: right .1s ease-in, background-color .1s ease-in;
}

.fh-switch > [type="checkbox"]:checked + label:after, .fh-switch > [type="checkbox"]:not(:checked) + label:after {
	content: "";
	top: .25em;
	right: .5em;
	width: 2em;
	height: .8em;
	position: absolute;
	border-radius: 1em;
}

.fh-switch > [type="checkbox"]:checked + label + .fh-switch-knob {
	right: .2em;
}

/***********************************************************************************************************/
			/*** custom input file ***/
/***********************************************************************************************************/


.formline label.fileinput-new, .formline label.fileinput-exists {
	display: inline-block;
	border: 0;
	font-size: 1rem;
	margin-left: 0;
	padding: 0;	
}

.formline input[type=file] {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.formline .inputfile + label {
	font-size: 1rem;
	color: white;
	display: inline-block;
	padding: 0;
	cursor: pointer;
	border: 1px solid gray;
}

.formline .inputfile:focus + label,
.formline .inputfile + label:hover {
	background-color: #404040;
}

.formline label svg, .formline label a svg path {
	margin-right: .25em;
	fill: white;
}

.formline span.filename:not(:empty) {
	min-height: 2em;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
	background: white;
	padding: .5em;
	font-size: 1rem;
} 

.formline label.fileinput-new span.filename:empty {
	display: none;
}

.formline label .choose, .formline label .change {
	height: 100%; 
	color: white;
	display: none;
	padding: .5em;
}

.formline  .fileinput-preview:empty {
	display: none;
}

.formline .fileinput-preview img {
	margin: 1em 0;
	width: 14em;
	max-height: 10.5em;
	object-fit: contain;
}

.formline a.remove {

	font-size: 1rem;
	cursor: pointer;
	display: none;	
	padding: .5em;
	font-weight: bold;	
}

.formline a.remove.show, .formline label .choose.show, .formline label .change.show  {
	display: inline-block;
}


* {
	box-sizing: border-box;
}
a {
	text-decoration: none;
}
header li, footer li, sidebar-fixed-header li {
	list-style-type: none;
}
body.overflow-hidden {
	overflow: hidden;
}
/**************************************************************/
			/*dropdown menu rules*/
/**************************************************************/
/*
.cd-logo  .navbar_logo {
	transform: translateY(-50%);
	top: 50%;
	position: absolute;
}
*/
.dropdown-menu {
	-webkit-font-smoothing: antialiased;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.dropdown-menu  .nav {
	max-height: 0;
	overflow: hidden;
	position: absolute;
	top: 3em;
	margin-top: 0;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}


.dropdown-menu  .nav.is-visible {
	overflow: auto;
	max-height: 80em;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	border-top: 1px solid #404040;
	z-index: 999;
}

.dropdown-menu .cd-header {
	position: relative;
}

.dropdown-menu .cd-header .btn-toggle {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 3em;
}
/*
.dropdown-menu .cd-header .cd-logo {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
*/
.dropdown-menu .cd-header .btn-toggle .icon-menu { 
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	width: 1em;
	height: 2px;
	background-color: white;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.dropdown-menu .cd-header .btn-toggle .icon-menu:before, .dropdown-menu .cd-header .btn-toggle .icon-menu:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: white;
	right: 0;
	-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
	-moz-transition: -moz-transform .3s, top .3s, background-color 0s;
	transition: transform .3s, top .3s, background-color 0s;
}

.dropdown-menu .cd-header .btn-toggle .icon-menu:before {
	top: -5px;
}

.dropdown-menu .cd-header .btn-toggle .icon-menu:after {
	top: 5px;
}

.dropdown-menu .cd-header .btn-toggle .icon-menu.clicked{
	background-color: rgba(255, 255, 255, 0);
}

.dropdown-menu .cd-header .btn-toggle .icon-menu.clicked:before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.dropdown-menu .cd-header .btn-toggle .icon-menu.clicked:after {
	top: 0;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}

.dropdown-menu .cd-header li ul {
	font-size: 90%;	
}

.dropdown-menu .cd-header li {
	padding: 1em 2em;
    	font-weight: bold;
}

html[dir=rtl] .dropdown-menu .cd-header .btn-toggle {
	left: 0;
	right: initial;
}

.dropdown-menu .cd-header .cd-logo {
		display: inline-block;
	}


.dropdown-menu .cd-header input.search-menu {
		display: none;
}



@media screen and (min-width: 53em) { 
	
	.dropdown-menu {
		box-shadow: none;
		border-bottom: 0;
	}

	.dropdown-menu .cd-header .btn-toggle {
		display: none;
	}
	
	.dropdown-menu .cd-header input.search-menu {
		display: initial;
	}
	
	.dropdown-menu .cd-header .icon-search {
		display: none;
	}
	
	.dropdown-menu  .nav {
		max-height: initial;
		height: initial !important;
		overflow: initial;
		position: initial;
		display: inline-block;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		-webkit-transition-property: none;
		-moz-transition-property: none;
		transition-property: none;
		width: initial;
		background: inherit !important;
	}
			
	.dropdown-menu  .nav.is-visible {
		border-top: 0;
		overflow: initial;
		height: initial !important;
	}
	
	.dropdown-menu .nav .nav-list {
		display: inline-block;
		position: relative;
	}
	
	.dropdown-menu .nav .cd-label {
		display: none;
	}
	
	.dropdown-menu .nav .nav-list ul {
		display: none;
		position: absolute;
		top: 3.3em;
		left: 0;
	}

	
	.dropdown-menu .nav .nav-list:hover > ul {
		display: block;
	}
	
	.dropdown-menu .nav .nav-list ul .nav-list ul {
		left: 100%;
		top: 0;
	}
	
	.dropdown-menu .nav .nav-list ul .nav-list ul {
		left: 100%;
		top: 0;
	}
	
	.dropdown-menu .nav .nav-list ul li {
		width: 100%;
		cursor: pointer;
	}
	
	html[dir=rtl] .dropdown-menu  .nav { 
		float: left;
	}
	
	html[dir=rtl]  .dropdown-menu .nav .nav-list ul {
		left: initial;
		right: 0;
	}
	
	html[dir=rtl]  .dropdown-menu .nav .nav-list ul .nav-list ul {
		right: 100%;
		left: initial;
	}
}

body.admin-path .dropdown-menu .cd-header {
	width: auto;
}

@media screen and (min-width: 63em) { 

	.dropdown-menu .cd-header {
		width: 62em;
		margin: auto;
	}
	
	body.admin-path .dropdown-menu .cd-header {
		margin-left: 1em;
	}
	
}

/**************************************************************/
			/*sidebar menu rules*/
/**************************************************************/

.sidebar-menu {
	font-size: 1em;
	line-height: 1.25em;
	color: #d5dae6;
	overflow: hidden;
	position: fixed;
	display: flex;
	flex-direction: column;
	width: 20em;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 999;
	height: 100%
}

.sidebar-menu.sidebar-closed {
	width: 0;
}

.sidebar-menu .cd-header .cd-logo {
	text-align: center;
}

.sidebar-menu .cd-header {
	margin-top: 4em;
}

.sidebar-menu .btn-toggle {
	top: 1.5em;
	left: 2em;
	color: #e1e1e1;
	background-color: transparent;
	border: none;
	padding: 0;
	font-size: 1em;
	cursor: pointer;
	position: fixed;
	z-index: 99;
}

html[dir=rtl] .sidebar-menu .btn-toggle {
	right: 2em;
	left: initial;
}

.sidebar-menu .btn-toggle {
	display: none;
}

.sidebar-menu.sidebar-closed .btn-toggle {
	display: block; 
}	

.sidebar-menu .cd-header .btn-toggle {
	left: 17em;
	display: block;
}

html[dir=rtl] .sidebar-menu .cd-header .btn-toggle { 
	right: 17em;
	left: initial;
}

.sidebar-menu.sidebar-closed .cd-header .btn-toggle {
	display: none;
}
/*
.sidebar-menu.sidebar-closed .btn-toggle .icon-menu, .sidebar-menu.sidebar-closed .btn-toggle .icon-menu:before,.sidebar-menu.sidebar-closed .btn-toggle .icon-menu:after{
	background-color: black; 
}

.sidebar-menu .btn-toggle .icon-menu {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	width: 18px;
	height: 2px;
	cursor: pointer;
	background-color: white;
}

.sidebar-menu .btn-toggle .icon-menu:before,.sidebar-menu .btn-toggle .icon-menu:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: white;
	cursor: pointer;
}

.sidebar-menu .btn-toggle .icon-menu:before {
	top: -5px;
	left: 10%;	
}

.sidebar-menu .btn-toggle .icon-menu:after {
	top: 5px;
	left: -10%;
}
*/

.sidebar-menu .cd-header  .nav {
	margin-top: 2em;
}

.sidebar-menu .cd-header  .nav .nav-list {
	padding: .2em .5em;
	border-left: 3px solid transparent;
	transition: all .3s linear;
}

html.md-no-touchevents .sidebar-menu .cd-header  .nav .nav-list:hover {
	border-left: 3px solid red;
}

html[dir=rtl] .sidebar-menu .cd-header  .nav .nav-list {
	padding: .2em .5em;
	border-right: 3px solid transparent;
	transition: all .3s linear;
}

html[dir=rtl].md-no-touchevents .sidebar-menu .cd-header .nav .nav-list:hover {
    	border-right: 3px solid red;
	border-left: none;
}

.sidebar-menu .cd-header  .nav .nav-list a {
	text-transform: uppercase;
	font-weight: 300;
	color: #d5dae6;
}

.sidebar-menu .nav-sublist {
	overflow-y: auto;
}

.sidebar-menu .nav-sublist .fulllist {
	display: none;
}

.sidebar-menu .nav-sublist .fulllist.selected {
	display: block;
}



/**************************************************************/
			/*dashboard rules*/
/**************************************************************/
	
	.dashboard-main {
		display: flex;	
		position: relative;
	}
	
	.dashboard-main .dashboard-sidebar {
		position: absolute;
		top: 0;
		 -webkit-transition: top 2s; /* Safari 3.1 to 6.0 */
    		transition: top 2s;
		height: 100%;
		z-index: 1;
		max-width: 100%;
	}
	
	.dashboard-main .dashboard-sidebar > div {
		padding: 1em;
	}
	
	.dashboard-main.fixed .dashboard-sidebar {
		position: fixed;
		top: 0;	
		height: 100%;
	}
	
	body[dir=rtl] .dashboard-main .dashboard-sidebar {
		border-right: none;
		border-left: 1px solid #9E9E9E;
	}
	
	.dashboard-main.small .dashboard-sidebar .cnt-toggle i {
		-ms-transform: rotate(180deg); 
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	
	
	.dashboard-main .dashboard-sidebar .cnt-toggle {
		position: absolute;
		width: 100%;
		bottom: 0;
		padding: 1em;
		text-align: right;
	 }
	 
	.dashboard-main .dashboard-sidebar .cnt-toggle {
		cursor: pointer;	 
	}
	
	body[dir=rtl] .dashboard-main .dashboard-sidebar .cnt-toggle {
		text-align: left;	
	}
 	
	.dashboard-main .dashboard-content {
		display: flex;
		flex-direction: column;
		width: 100%;
		overflow-x: hidden;
	}
		
	.footer.dashboard-footer {
		display: block;
		text-align: center;
	}
	
	.footer.dashboard-footer ul {
		display: block;
	}
	
	.footer.dashboard-footer li {
		display: inline-block;
		padding: 0 .5em ;
	}	
	
	.dashboard-main .dashboard-content-page {
		padding: 1em;
		flex: 1;
	}
	
	.dashboard-main .dashboard-content-page table, .dashboard-main .dashboard-content-page table.data-table {
		margin: 1em 0;
	}
		 
	.dashboard-main.small .dashboard-sidebar .nav {
		padding-top: .5em;
	}
	 
	 .dashboard-main .dashboard-sidebar .nav-heading {	 
		font-size: .85rem;
		font-weight: bold;
		line-height: 1.66666666666667;
		text-transform: uppercase;
		margin-top: 2em;
		padding-top: 0.5em;
	 } 
	 
	 .dashboard-main .dashboard-sidebar .nav-heading:first-child {
	 	border-top: 0;
	 }
	 	
	.dashboard-main.small .dashboard-sidebar li a span, .dashboard-main.small .dashboard-sidebar .nav-heading {
		display: none;	
	}
	 
	 header {
	 	z-index: 999;
	 }
	 
	 .dashboard-main .dashboard-sidebar ul li a {
	 	display: block;
	 	padding: .5em 0;
	 }
	 
	.footer.dashboard-footer .copyright  {
		font-weight: bold;
	}
	
	
	.dashboard-main.small .dashboard-sidebar {
		text-align: center;
	}	
		
	.dashboard-main.small .dashboard-content {
		margin-left: 4em;
	}

		
	.dashboard-main.small .dashboard-sidebar, .dashboard-main.small.fixed .dashboard-sidebar {
		width: 4em;
	}
	
 	
/*********************************************************************/

@media screen and (min-width: 33em) {
	main.dashboard-main {
    		margin-top: 0em;
	}
	.dashboard-main .dashboard-sidebar {
	}
		
	.dashboard-main .dashboard-sidebar li span {
		display: initial;	
	}
	
	.dashboard-sidebar, .dashboard-main.fixed .dashboard-sidebar {
		width: 20%;	
	}
		
}
 
 /*********************************************************************/
 
.tabs-navbar
{
	border: 1px solid #ccc;	
	margin: 1em 0;
}
 
html[dir="rtl"] .tabs-navbar {
 
}

.tabs-navbar .tabs-navbar-list {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #f1f1f1;
}

.tabs-navbar .tabs-navbar-list span {
	vertical-align: middle;
	cursor: pointer;
}

.tabs-navbar .tabs-navbar-list span a {
	display: inline-block;
	color: #000;
	padding: .8em 1em;
	width: 100%;
	height: 100%;
}

.tabs-navbar .tabs-navbar-list span a.selected, .tabs-navbar .tabs-container{
	background-color: white;
}

.tabs-navbar .tabs-container {
	padding: 1em;
}
.tabs-navbar .tabs-container .tabs {
	display: none;
} 

.tabs-navbar .tabs-container .tabs.active {
	display: block;
}  

/***************************************************************************/

.tabs-navbar.sidenav-tabs {
	display: flex;
}

.tabs-navbar.sidenav-tabs .tabs-navbar-list
 {
	text-align: center;
	border-bottom: none;
 }
 
.tabs-navbar.sidenav-tabs .tabs-navbar-list, .tabs-navbar.sidenav-tabs .tabs-container {
 	display: inline-block;	
} 

.tabs-navbar.sidenav-tabs .tabs-navbar-list {
	width: 20em;
}	 
 
.tabs-navbar.sidenav-tabs .tabs-container {
	width: 100%;	 
}
  
.tabs-navbar.sidenav-tabs .tabs-navbar-list span {
 	display: block; 	
} 
  
.tabs-navbar.sidenav-tabs .tabs-navbar-list span a {
 	display: block; 	
 }
 
.tabs-navbar.sidenav-tabs .tabs-navbar-list .navbar-title {

 }

.tabs-navbar.sidenav-tabs .tabs-navbar-list .navbar-title * {
 	margin:0;
 	padding: 1em;
 }

/***************************************************************************/

.footer {
	padding: 1em;
	font-size: .8em;
}
 
.footer .muti-navlist ul {
	display: inline-block;
	vertical-align: top;
} 

.footer .muti-navlist ul li {
	margin-top: .25em;
	color: #404040;
}

.footer .muti-navlist ul li:first-child {
	font-weight: bold;
		
} 

.footer .muti-navlist ul li:not(:first-child) {
	margin-left: 1em;	
} 
 
.footer .copyright {
	text-align: center;
	align-self: flex-end;	
	margin-left: auto;
} 

.footer {
	clear: both;
}

.footer .nav {
	margin: 0 1em;  
}

 .footer .nav > li {
 	display: inline-block;
 	/*vertical-align: text-top;*/
 	margin: .5em 1em;
 }
 
.footer .nav > li > ul {
	padding-left: 1em;  
}

.footer .nav li a:hover {
	text-decoration: underline;
}

.footer .nav > li > ul li {
	padding: .25em 0;
}

[dir=rtl] .footer .copyright {
	margin-left: initial;
	margin-right: auto;
} 

.footer .copyright p {
	font-size: .85em;
} 

html[dir=rtl] .fa {
	margin-left: .25em;
}

.fa {
	margin-right: .25em;
}

.fa.fa-2x {
	
	vertical-align: sub;
}

@media screen and (min-width: 33em) {
	.footer {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
	}
}

/********************************************************************************************************************/
						/**	menu-article	**/
/********************************************************************************************************************/
.menu-article {
	min-height: 3em;
	border-bottom: 3px solid #cdd1d4;
	-webkit-font-smoothing: antialiased;
}

.menu-article .nav {
	color: #7d868c;
	font-weight: bold;
}

html.md-touchevents .nav.is-open {
	background: #ffffff;
	padding: 1em 2em;
	transition: top 0.15s ease-in-out;
}

.menu-article .cd-header {
	position: relative;
	width: 100%;
}

.menu-article .cd-header .nav .nav-list {
	color: inherit;
}

.menu-article .nav {
	border-bottom: 3px solid #ced2d4;
	position: absolute;
	width: 100%;
	right: -100%;
	z-index: 3;
}

.document {
	position: relative;
	background-color: #fff;
	text-align: left;
	margin: 0 auto;
	width: 100%;
	/*min-height: 60em;*/
}

.nav-docs {
	position: absolute;
	z-index: 4;
	top: 0;
	width: 100%;
	right: -100%;
	background: #d6d9db;
}

.nav-docs.is-open, .nav.is-open {
	right:0;
}

html.md-touchevents .menu-article .cd-header .nav .nav-list {
	margin: 0;
	line-height: 1.5em;
	text-transform: uppercase;
}

.menu-article .nav-list a {
	color: inherit;
}
.nav, .nav-docs {
    transition: right 0.2s ease;
}

.nav-docs ul, ul.nav  {
	padding: 0;
}	

.nav-docs ul, .nav-docs li {
	list-style-type: none;
	margin: 0;
}

.nav-docs .docs-search, .nav-docs .dark-item.docs-search {
    padding: 1em 2em;
}

.nav-docs .docs-search form {
	padding: 0;
	border: 0;
}

.nav-docs .dark-item {
	position: relative;
	padding: 0 2em;
	background: #7d868c;
	color: #ffffff;
}

.nav-docs .nav-docs-items > li {
	border-bottom: 1px solid #4d5256;
}

.nav-docs .main-item {
	line-height: 3em;
}

.nav-docs .has-sub-items-content {
	cursor: pointer;
	position: relative;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
	padding: 0 2em;
}

.nav-docs .has-sub-items-content .fa-chevron-down {
	position: absolute;
	top: 1em;
	right: 1.2em;
	transition-duration: .15s;
	transition-property: transform;
}

.nav-docs .has-sub-items.is-open > .has-sub-items-content > .fa-chevron-down {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.nav-docs .has-sub-items.is-open > .sub-items {
	display: block;
	background: #eee;
	max-height: 20em;
	/*overflow: initial;*/
}

.nav-docs .sub-items {
	/*display: none;*/
	overflow: hidden;
	max-height: 0;
}

.nav-docs .sub-items a {
	display: block;
	/*height: 2em;*/
	padding: 0 2em;
}

.nav-docs .no-left-icon {
	  padding-left: 4.8em;
}

.nav-docs .no-left-icon + ul.sub-items > li > a {
	    padding-left: 5.5em;
}

.nav-docs a {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.nav-docs .sub-items a.is-active {
	background: #6bb2e2;
	color: #ffffff;
}

.nav-docs .icon-left {
	margin-right: .8em;
	padding-right: .8em;
	width: 1.5em;
	height: inherit;
	border-right: 1px solid #7d868c;
}

.nav-docs .sub-items.level-2 {
	font-size: 90%;
}

.nav-docs .sub-items.level-2 a {
	padding-left: 3.5em;
}

.nav-docs form {
	position: relative;
}

.nav-docs input[type="text"] {
	background: white;
	padding: 0 2em 0 1em;
	font: inherit;
	font-style: italic;
	line-height: 1.5em;
	outline: none;
	border: 2px solid #e9ebec;
	color: #989fa4;
	display: inline-block;
	width: 100%;
}

.nav-docs .submit-button {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 2em;
	margin:0;
	min-width: initial;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
}

.nav-docs .submit-button:hover {
	background: initial;
}

.nav-docs .icon-search {
	position: absolute;
	top: 1em;
	right: .5em;
	font-size: 1em;
	pointer-events: none;
	color: #989fa4;
}

div.document-wrapper {
	background: #fff;	
}

.nav-list a:hover, .nav-list .is-active a {
	color: #4d5256;
}

.nav-list {
	    font-weight: bold;
}

#nav-icon {
	position: absolute;
	top: 1em;
	right: 1em;
	width: 1em;
	height: 1em;
	cursor: pointer;
	line-height: 1;
	color: #3f5364;
}

@media screen and (min-width: 33em) {

	.menu-article .nav {	
		position: initial;
		border-bottom: 0;
		right: 0;
	}
	.menu-article #nav-icon {
    		display: none;
	} 
	
	.menu-article header {
		margin: 0 auto;
		position: relative;
	}
	
	.menu-article .cd-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		height: auto;	
		width: 100%;
		min-height: initial;
		background: initial;
		border-bottom: none;
	}
	
	.menu-article .cd-header .nav .nav-list {
		width: auto;
		display: inline-block;
		cursor: pointer;
		border-radius: 0;
		position: relative;
		margin-left: 1em;
	}
	
	.menu-article .cd-header .nav .nav-list:first-child {
		margin-left: 0;
	}
			
	.menu-article .nav-list a {
		display: inline-block;
		transition: all 0.4s ease;
		padding-bottom: 3px;
		border-bottom: 3px solid transparent;
	}
		
	.document .nav-docs {
  		display: block;
		position: absolute;
		width: 15em;
		left: 0;
		right: auto;
		bottom: 0;
	}
	
	.document-wrapper {
		padding-left: 15em;
	}
	

}



@media screen and (min-width: 56em) {
	
	.menu-article header, .document {
		max-width: 70em;
	}
		
	.nav-docs .sub-items {
		-webkit-transition: all 0.5s ease-in-out;
	}
	
	.infohead {
		padding: 1em 0 0 0;
	}
	
	.fixed {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 99;
	}
}

.infohead {
	padding: 1em;
	background-color: white;	
	overflow: auto;
}

.infohead .nav {
	display: inline-block;
	margin: 1em 0;
}

.infohead .nav li {
	display: inline-block;
	margin: .25em .5em;
}

.infohead .nav li a {
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-bottom: 1px solid transparent;
	color: #acadae;
}
		
.infohead .nav li a.active {
	color: #333;
	background: transparent;
	border-bottom: 1px solid #03A9F4;
}

.infohead .nav li a:hover {
	background: transparent;
	border-bottom: 1px solid #03A9F4;
}

.infohead .sectionbook {
	border-top: 1px solid #757575;
	border-bottom: 1px solid #757575;
	margin-top: 1em;
}

.infohead .sectionbook #book{
	float: right;
	margin: .5em 0;
}

.product-options li {
	list-style-type: none;
	font-size: .85em;
	padding: .5em;
	color: #acadae;
}

.infohead h1  {
	margin-top: 0;
}

.product-details-info {
	overflow: auto;
	text-align: center;
}

.product-details-info .promotion {
	text-align: center;
	font-size: 1.5em;
}

.product-details-info a[href="#map"], .product-details-info .promotion {
	
}

.product-details-info a[href=#map] img {
	min-height: initial;
}


@media screen and (min-width: 33em) {

	.product-details-info {
		text-align: initial;
	}

	.product-details-info a[href="#map"], .product-details-info .promotion {
		display: block;
		width: 100%;
		object-fit: cover;
		float: none;
		text-align: center;
	}
	
	.infohead {
		padding: 1em 0;
	}
}


/*********************************************************/
.rtl {
	direction: rtl;
}
.sidebar {
	font-size: 1em;
	line-height: 1.25em;
	background: #373f52;
	color: #d5dae6;
	overflow: hidden;
    	position: fixed;
    	display: flex;
        flex-direction: column;
        width: 19em;
 	-webkit-transition: all .5s ease;
    	transition: all .5s ease;
	z-index: 999;	
}
	

main.sidebar-closed .sidebar {
	width:0;
}

.icon-menu:before {
	content: "\f0c9";
}

.sidebar-toggle {
	position: fixed;
	z-index: 99;
	top: .8em;
	left: 1em;
	background-color: transparent;
	border: none;
	padding: 0;
	font-size: 1em;
	cursor: pointer;
}

.sidebar .sidebar-toggle {
	display: block;
	left: 17em;
	color: #e1e1e1;
}

.rtl .sidebar-toggle {
	right: 1em;
	left: initial;
}
.rtl .sidebar .sidebar-toggle {
	right: 17em;
	left: initial;
}

main.sidebar-closed .sidebar .sidebar-toggle {
	display: none;
}

main.sidebar-closed .sidebar-toggle {
	display: block;
}

.sidebar .sidebar-search {
	margin: 1.5em 2em 1.6em;
	font-size: small;		
}
.sidebar-search input	
{	
	color: #d5dae6;
	background-color: transparent;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #959595;
	margin-left: .5em;
	
}

.sidebar .navbar_logo {
	margin: 3em 2em 0;		
}

.sidebar-content {
	position: absolute;
	z-index: -999;
}

.inner-content {
	margin: 2em 4em;
	padding: .3em 3em 0 3em;
}

.rtl .inner-content{
	padding: .3em 3em 0 0;
}
/*
.sidebar-content, .main-sidebar, .sidebar, body, html {
    height: 100%;
}
*/
.fulllist {
	display: none;
	overflow-y: auto;
	flex: 1 1 .01%;
	padding-left: 3em;
	margin-bottom: 0;
}

.rtl .fulllist {
	padding-left: 0;
	padding-right: 3em;
}

.sidebar-navlist {
	padding: 0 2em;
}

.sidebar-navlist .navlist-elements {
	padding: .2em .5em;
	border-left: 3px solid transparent;
	transition: all .3s linear;
}

.rtl .sidebar-navlist .navlist-elements {
	border-right: 3px solid transparent;
	border-left: 0;
	transition: all .3s linear;
}

.sidebar-navlist li.selected, .sidebar-navlist li:hover {
	border-left: 3px solid red;
}

.rtl .sidebar-navlist li.selected, .rtl .sidebar-navlist li:hover {
	border-right: 3px solid red;
	border-left: 0;
}

.navlist-elements a {
	text-transform: uppercase;
	font-weight: 300;
	color: #d5dae6;
}

#list1 {
	display: block;
}

/****************************************************************************************************/

.sidebar-fixed {
	display: flex;
	height: 100%;
	width: 100%;
	font-family: cursive;
}
.sidebar-fixed-header {
	width: 50%;
	text-align: center;
	padding: 1em;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.sidebar-fixed-header.hide {
	width: 0;
	overflow: hidden;
	padding:1em 0;	
	visiblity: collapse;
}

.sidebar-fixed-content {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	width: 100%;
}

.sidebar-fixed-content .menu ul li {
	display: inline-block;
} 

.sidebar-fixed-content .menu {
	display: flex;
	flex-direction: row;
	align-items: center;
	border-bottom: 1px solid #424242;
	justify-content: space-between;
	padding: 1em;
}	


.sidebar-fixed-header .nav li a {
	padding: .5em;
	margin: .25em .5em;
	font-weight: bold;
	color: white;
	display: inline-block;
	max-width: 100%;
}

.sidebar-fixed-header .nav li a span {
	display: none;
}

.sidebar-fixed .data-table-wrap {
	padding: 1em;
}

.sidebar-fixed .data-table-wrap tbody tr{
	color: #424242;
}

.sidebar-fixed-content .menu .btn-toggle {
	border: 1px solid #424242;
	padding: .25em .5em;
	cursor: pointer;
}


/****************************************************************************************************/

@media screen and (min-width: 53em) {

	.main-sidebar {
		height: 100%;
		display: flex;	
	}
	.sidebar {	
		position: relative;	
	}
	.sidebar-toggle {
		position: fixed;
		top: .8em;
	}
	.sidebar-content {
		overflow-y: auto;
		margin: 0 0 0 3em;
		padding: 1em;
		z-index: initial;	
	}
	
	.rtl .sidebar-content{
		margin-left:0;
		margin-right: 3em;
	}
	
	.sidebar-closed .inner-content {
		padding: .3em 4em;
	}
	
	.main-sidebar {
   	 	overflow: hidden;
	}
	

}

@media screen and (min-width: 33em) {
	
	.sidebar-fixed-header {
		width: 20%;
	}
	
	.data-table.responsive .head-actions {
		position: relative;
		display: table-cell;
	}
	
	.data-table-wrap table tbody tr:first-child {
    		border-top: 1px solid #373f52;
	}
	
	.data-table-wrap table tbody tr {
		border-bottom: 1px solid #373f52;
	}
	
	.sidebar-fixed-header .nav li a span {
		display: initial;
	}

}
/********************************************************/
.body-dashboard {
	height: 100%;
}
.dashboard {
	display: flex;
	max-width: 100%;
	margin: 0;
	height:	100%;
}

.dashboard .dashboard-side {
	height: 100%;
	width: auto;
	background-color: #333;
	padding: 2em 0;
}

.dashboard .dashboard-side ul.nav { 
	height: auto;
	width: 100%;
	margin:	0;
}

.dashboard .dashboard-side ul.nav li.selected {
	border-left: 3px solid orange;
	background-color: #7d868c;
}

.dashboard .dashboard-side ul.nav li:hover {
	background-color: #7d868c;
}

.dashboard .dashboard-side ul.nav li a, .dashboard .dashboard-side ul.nav li a span, .dashboard .dashboard-side ul.nav li a i {
	color: white;
	margin-right: 1em;
}

.dashboard .dashboard-side ul.nav li span {
	display: none;
} 

.dashboard .dashboard-side ul.nav  a {
	padding: 1em;
	display: block;
}

.dashboard .dashboard-content {
	margin-left: 2em;
	padding-top: 2em; 
	width: 50%;
}

.dashboard .dashboard-content .head-content {
	border-bottom: 1px dotted;	
}

.dashboard .dashboard-content .head-content.no-border {
	border-bottom: none;
}
.dashboard .dashboard-content .head-content h1{
	margin-top: .25em;
}

.dashboard .dashboard-content .tabs-navbar {
	margin-top: 0;
	border: 0;	
}

.dashboard .dashboard-content .tabs-navbar .tabs-navbar-list {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: transparent;
}

.dashboard .dashboard-content .tabs-navbar .tabs-navbar-list .tablink.selected {
	border-bottom: 3px solid orange;
}

.dashboard .fh-checkbox, .dashboard .fh-radio {
	display: block;
	margin: .25em 0;
}

.dashboard .fh-checkbox.indent, .dashboard .fh-radio.indent {
	margin-left: 1.5em;
}

.dashboard .fh-checkbox > [type="checkbox"]:checked + label:before, .dashboard .fh-checkbox > [type="checkbox"]:not(:checked) + label:before,.dashboard .fh-radio > [type="radio"]:not(:checked) + label:before {
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	font-size: 1em;
}

 .dashboard .fh-radio > [type="radio"]:checked + label:before {
 	background-color: #333;
	border-color: #ccc;
}

.dashboard .fh-checkbox > [type="checkbox"]:checked + label:before {
	color: #333;
	border: 1px solid #ccc;
}

.dashboard .dash-table {
	display: table;
	width: 100%;
	border: 1px solid #ccc;
} 

.dashboard .dash-table thead {
	background-color: #ddd;
	border-bottom: 1px solid #ccc;
}

.dashboard .dash-table thead th {
	color: #757575;
	border-left: 1px solid #ccc;
}

.dashboard .dash-table tr, .dashboard .dash-table td, .dashboard .dash-table th {
	border: 0;
	text-align: left;
}

.dashboard .search-cnt {
	width: 100%;
	position: relative;
	margin-bottom: 1em;
} 

.dashboard .search-cnt .fa-search {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.dashboard input[type=search] {
	width: 100%;
} 

.dashboard .tabs-navbar .tabs-container {
	padding: 1em 0 0 0; 
}

@media screen and (min-width: 33em) {
	
	.dashboard .dashboard-side {
		height: 100%;
	}

	.dashboard .dashboard-side ul.nav li span {
		display: initial;
	} 
}
.sidebar-fixed .show-product {
	overflow: auto;
	max-width: 100%;	
	height: 100%;
}

.show-product {
	padding: 1em;
}

.show-product-info {
	vertical-align: middle;
	margin-bottom: 1em;
}

.show-product .show-product-imageblock {
	max-width: 100%;
	max-height: 100%;
}

.show-product .show-product-imagelist{
	margin: 1em 0;
}

.show-product img {
	overflow: hidden;
	object-fit: contain;
	object-position: left;
	text-align: center;
	max-height: 100%;
	max-width: 100%;
}

.show-product-preview .featured {
	max-width: 100%;
	max-height: 20em;
}

.show-product-preview .not-featured {
	max-width: 5.3333em;
	max-height: 4em;
	cursor: pointer;
}

.show-product-preview .not-featured.hovered {
	border: 2px solid #373f52;
	padding: 1px;
}

html.md-touchevents .show-product .btn {
	margin-left: 0;
}


@media screen and (min-width: 33em) {
	.slider-container {
		height: 30em;
	}
}

@media screen and (min-width: 43em) {

	.show-product {
		display: flex;
		justify-content: space-between;
	}
	
	.show-product-preview .featured {
		max-width: 35.55555em;
	}
	
	.show-product .show-product-imageblock  {
		width: 35.555555em;
		height: 20em;
	}
	
	.show-product-preview {
		margin: 0 1em;
	}
	
	.show-product-info {
		margin: 0 2em 0 0;
	}
}

/************************************************************************************************/

.products  img {
	cursor: pointer;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
	position: relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	object-fit: cover;
	background-size: cover;
}


.products .product-item img {
	height: 13em;
	width: 100%;
}

.products .product-item {
	position: relative;
	display: block;
	margin: 1em 0;
	background-color: #f0f8ff;
}

.products .product-item .product-info {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 40%;
	max-height: 0;
	white-space: nowrap;
}

.products .product-item .quick-info {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10%;
	text-align: center;
}

.products .product-item .quick-info  span {
	padding: .5em 1em;
	background: white;
}

.no-mobile{
	display: none;
}

.products .product-item .product-caption {
	background-color: rgba(0,0,0,0.4);
	text-align: center;
	position: absolute;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
	bottom: 1em;
	left: 1em;
	right: 1em;
	padding: .25em;
}

.swiper-slide .info-promo {
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
	bottom: 1em;
	right: 1em;
	width: calc( 100% - 2em );	
	padding: 1em;
	min-width: 30%;
	text-align: center;

}

.swiper-slide .info-promo .name {
	margin-top: 0;
	margin-bottom: 0;
}

.swiper-slide .info-promo h2, .swiper-slide .info-promo p , .swiper-slide .info-promo p *{
	color: white;
}

.products .product-item .product-caption p, .products .product-item .product-caption h3 {
	color: white;
	margin: .25em 0;
}

.swiper-slide .info-promo span.stars i, .products .product-item .product-caption span.stars i {
	    color: rgb(254, 186, 2);
}

.swiper-slide .info-promo p {
	margin-top: .5em;
	margin-bottom: .5em;
}
.swiper-slide .info-promo p:first-child {
	width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.products .product-item .product-caption p {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	 white-space: nowrap;
}

.products .product-item .product-caption .name {
	
}

.products .product-item .product-caption .place {
	
}

.products .product-item .product-caption .discount {
	font-size: small;
}

.products .product-item .product-caption .discount .price {
	color: white; 
	font-size: large; 
	font-weight: bold;
}

 products .product-item .product-caption .discount .discount .price sup {
	font-size: x-small;
}

.products .product-item .product-caption .discount-type {
	color: white; 
	font-size: small; 
	font-weight: bold;
}	

.stars {
	font-size: .75em; 
}

.products .product-item .quick-modal {
	display: none;
}

.products .product-details-info  h1 {
	margin-top: 0;
}
/*
.products .product-details-info a {
	text-decoration: underline;
}
*/
.products .product-header.mobile {
	display: block;
	margin: 1em 0 .25em 0;
}

.products .product-header {
	display: none;	
}

.products .product-header {
	text-align: left;
}

.products .product-header hr.divider {
	width: 1em;
	display: inline-block;
}

.products .product-header span {
	display: block;
	margin-top: 1em;
}

.products .product-item:hover .product-info {
	display: block;
	background: transparent;
}

.products .product-item:hover img {
	opacity: 0.5;
}

.products .comments, .products .product-details-desc, .products .form_reserv {
	clear: both;
}

#map {
	width:20em;
	height: 15em;
	margin:auto
}

#framemap {
	width:100%;
	height: 15em;
	margin:auto
}

.page {
	width: 100%;
    	margin: auto; 
}

body.admin-path .page {
	width: 100%;
}

div.product-details-info ~ div {
	clear: both;
}

.products .product-details-img {
	margin-bottom: 1.5em;
}

.product-details-info a.btn {
	margin-left: 0;
}

.form_reserv .header span {
	margin-right: .75em;
}

.promo-item {
	border: 1px solid #CCCCCC;
}

.promo-item ul {
	list-style-type: none;
	padding-left: 0;
}

.promo-item form {
	border-top: 0;
}

.more-info {
	padding: 1em;
	background-color: #404040;
	color: white;
}

.more-info span {
	color: white;
	font-weight: bold;
}

.mailsubs {
	text-align: center;
	width: 100%;
	margin: 1em 0;
}

.mailsubs .mail-form {
	display: inline-table;
}

.mailsubs > span {
	font-size: 1.5em;
}

.mailsubs input[type=email] {
	border-radius: .5ex 0 0 .5ex;
}

.mailsubs input[type=submit] {
	margin-left: -6px;
	border-radius: 0 .5ex .5ex 0;
	border: 1px solid #CCCCCC;
}

.image-promo {
	clear: both;
}

.image-promo > div {
	padding: 1em;
	margin-top: 1em;
	border: 2px solid #CCCCCC;
	border-radius: .5ex;
}

.fa-beat {
  -webkit-animation: fa-beat 1s infinite linear;
  animation: fa-beat 1s infinite linear;
}
@-webkit-keyframes fa-beat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fa-beat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.product-options.contact {
	width: 100%;
}

.swiper-container.swiper-fixed-height, .swiper-fixed-height .swiper-slide img {
		height: 15em;	
}

.products .product-item span.stars, .swiper-slide .info-promo .stars {
	display: block;
	margin-top: .25em;
}	
	

@media screen and (min-width: 33em) {
	.swiper-container.swiper-fixed-height, .swiper-fixed-height .swiper-slide img {
			height: 20em;	
		}
	}

@media screen and (min-width: 43em) {
	
	.no-mobile {
		display: initial;
	}

	.no-descktop {
		display: none;
	}	
	
	#framemap {
		width:40em;
		height: 30em;
		margin:auto
	}
	
	#map {
		width:40em;
		height:30em;
		margin:auto
	}

	.products #myCarousel {
		height: 30em;
		width: 40em;
	}

	.products.two-column .product-item {
		float: left;	
		margin: 1em;/*1.2%;*/
		outline: none;
	}

	.products.two-column .product-item:nth-child(6n+1) {
		width: 40em;/*65.8%;*/
		height: 30em;
		margin-left: 0;
		clear: both;
	}
	

	.products.two-column .product-item:nth-child(6n+2) {
		width: 19em;/*31.8%;*/
		height: 14em;
		margin-left: 0;
		
	}
		
	.products.two-column .product-item:nth-child(6n+3) {
		width: 19em;/*31.8%;*/
		height: 14em;
		margin-right: 0;
	}

	.products.two-column .product-item:nth-child(6n+4) {
		width: 40em;/*65.8%;*/
		height: 30em;
		float: right;
		margin-right: 0;
	}

	.products.two-column .product-item:nth-child(6n+5) {
		width: 19em;/*31.8%;*/
		height: 14em;
		margin-left: 0;	
	}
	.products.two-column .product-item:nth-child(6n+6) {
		width: 19em;/*31.8%;*/
		height: 14em;
		margin-right: 0;
	}
		
	.page {
		/*width: 70%;*/
		width: 40em; 
		margin: auto;
    	}
    	
    	.products.two-column .product-item:nth-child(6n+1) img, .products.two-column .product-item:nth-child(6n+4) img {
		width: 40em;
		height: 30em;
		object-fit: cover;
		background-size: cover;
	}
	
	.products.two-column .product-item:nth-child(6n+2) img, .products.two-column .product-item:nth-child(6n+3) img, .products.two-column .product-item:nth-child(6n+6) img, .products.two-column .product-item:nth-child(6n+5) img {
		width: 19em;
		height: 14em;
		object-fit: cover;
		background-size: cover;
	}
		
	.products .product-item .product-info{
		display: none;
	}
	
	.products .product-item span.stars {
		display: block;
	}	
	
	.promo-item {
		border: 0;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		min-height: 47em;
	}

	.promo-item:first-child, .promo-item:nth-child(2), .promo-item:nth-child(3) {
		border-top: 1px solid #CCCCCC;
	} 

	.promo-item:first-child, .promo-item:nth-child(4n) {
		border-left: 1px solid #CCCCCC;
	} 
	
	.image-promo > div {
		width: 30%;
		margin: 2%;
		float: left;
	}


	.image-promo > div:nth-child(3n) {
		    margin-right: 0;
	}

	.image-promo > div:nth-child(3n+1) {
		    margin-left: 0;
	}

	.image-promo > div img {
		width: 100%;
		/*height: 11em;*/
	}
	
	.mailsubs {
		clear: both;
		display: flex;
		justify-content: space-around;
		align-items: center;	
	}
	
	.products.three-column {
		overflow: hidden;	
	}
	
	.products.three-column .product-item {
		width: 18em;
		height: 14em;
		margin-right: 1em;
		margin-left: 1em;
		float: left;
	}
	
	.products.three-column .product-item img {
		width: 18em;
		height: 14em;
		object-fit: cover;
		background-size: cover;
	}
		
	.products.three-column ~ div, .products.three-column ~ .products.three-column, .products.three-column ~ h1, .products.three-column ~ h2 {
		clear: both;
	}
	
	.products .product-details-img.full-width {
		width: 100%;
		display: block;
		position: relative;
		float: none;
		outline: none;
		overflow: hidden;
	}
	
	.products .product-details-info.full-width {
		width: 100%;
		float: none;
		padding-left: 0;
	}
	
	.swiper-slide .info-promo {
		width: auto;
	}	

}


@media screen and (min-width: 63em) {

	.products.list-three .product-item {
		
	}

	.products.list-three .product-item {
		
	}
	
	.swiper-container.swiper-fixed-height, .swiper-fixed-height .swiper-slide img {
		height: 30em;	
	}
		
	.products.two-column .product-item {
		float: left;	
		margin: 1em;/*1.2%;*/
		outline: none;
	}

	.products.two-column .product-item:nth-child(6n+1) {
		width: 40em;/*65.8%;*/
		height: 30em;
		margin-left: 0;
		clear: both;
	}
	

	.products.two-column .product-item:nth-child(6n+2) {
		width: 20em;/*31.8%;*/
		height: 14em;
		margin-right: 0;
		margin-left: 1em;
	}
		
	.products.two-column .product-item:nth-child(6n+3) {
		width: 20em;/*31.8%;*/
		height: 14em;
		margin-right: 0;
	}

	.products.two-column .product-item:nth-child(6n+4) {
		width: 40em;/*65.8%;*/
		height: 30em;
		float: right;
		margin-right: 0;
	}

	.products.two-column .product-item:nth-child(6n+5) {
		width: 20em;/*31.8%;*/
		height: 14em;
		margin-left: 0;	
	}
	.products.two-column .product-item:nth-child(6n+6) {
		width: 20em;/*31.8%;*/
		height: 14em;
		margin-left: 0;
	}
		
	.page {
		/*width: 70%;*/
		width: 62em; 
		margin: auto;
    	}
    	
    	.products.three-column .product-item {
		width: 18.666em;
		height: 14em;
		margin-right: 1em;
		margin-left: 1em;
		float: left;
	}
	
	.products.three-column .product-item img {
		width: 18.666em;
		height: 14em;
		object-fit: cover;
		background-size: cover;
	}
    	
    	.products .product-header {
		display: block;	
	}	
	
	.products .product-header.mobile {
		display: none;
	}
	
	.products .product-details-img {
		width: 67%;
		display: block;
		position: relative;
		float: left;	
		outline: none;
		overflow: hidden;
	}
	
	.products .product-details-img img {
		-webkit-transition: transform .4s ease-in-out;
		-moz-transition: transform .4s ease-in-out;
		-ms-transition: transform .4s ease-in-out;
		-o-transition: transform .4s ease-in-out;
		transition: transform .4s ease-in-out;
		width: 40em;
		height: 30em;
	}

	.products .product-details-info {
		width:  33%;
		margin-right: 0;
		height: 100%;
		float: left;
		padding-left: 1.5em;
	}
	
	
	.products.two-column .product-item:nth-child(6n+1) img, .products.two-column .product-item:nth-child(6n+4) img {
		width: 40em;
		height: 30em;
		object-fit: cover;
		background-size: cover;
	}
	
	.products.two-column .product-item:nth-child(6n+2) img, .products.two-column .product-item:nth-child(6n+3) img, .products.two-column .product-item:nth-child(6n+6) img, .products.two-column .product-item:nth-child(6n+5) img {
		width: 20em;
		height: 14em;
		object-fit: cover;
		background-size: cover;
	}
	
		
}

/************************************************************************************************/
/*
div.stars {
 	display: inline-block;
}

input.star { 
	display: none; 
}
label.star {
	  float: right;
	  padding: 1em;
	  font-size: 1em;
	  color: #444;
	  transition: all .2s;
}

input.star:checked ~ label.star:before {
	content: '\f005';
	color: #FD4;
	transition: all .25s;
}
input.star-5:checked ~ label.star:before {
	color: #FE7;
	text-shadow: 0 0 20px #952;
}

label.star:hover { 
	transform: rotate(-15deg) scale(1.3); 
}

label.star:before {
	content: '\f006';
	font-family: FontAwesome;
}

*/

div.stars {
 	display: inline-block;
}

input.star { 
	display: none; 
}
label.star {
	  float: right;
	  padding: .5em;
	  font-size: 1em;
	  color: #444;
	  transition: all .2s;
}

input.star:checked ~ label.star:before {
	content: '\f005';
	color: #FD4;
	transition: all .25s;
}
input.star-5:checked ~ label.star:before {
	color: #FE7;
	text-shadow: 0 0 20px #952;
}

label.star:hover { 
	transform: rotate(-15deg) scale(1.3); 
}

label.star:before {
	content: '\f006';
	font-family: FontAwesome;
}

#myCarousel {
    height: 60%;
    width: 100%;
}

#myCarousel .carousel-item, #myCarousel .carousel-inner /*, .active*/{
	height: 100%;
}

.carousel {
    position: relative;
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.carousel-item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left;
}

.carousel-item img {
	width: 100%;
	max-height: 100%;
	height: auto;
	object-fit: cover;
}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 1em;
	left: 15%;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

.carousel-caption p {
	max-width: 75%;
	margin: 0 auto;
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
	display: block
}

.carousel-inner > .active {
	left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
	position: absolute;
	top: 0;
	width: 100%
}

.carousel-inner > .next {
	left: 100%
}

.carousel-inner > .prev {
	left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
	left: 0
}

.carousel-inner > .active.left {
	left: -100%
}

.carousel-inner > .active.right {
	left: 100%
}

.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
	}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}


.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}


@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}


.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0,0,0,0);
	border: 1px solid #fff;
	border-radius: .9ex;
}

.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #fff;
}


.carousel .carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	text-align: center;
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 15%;
}

.carousel .carousel-control.left {
	left: 0;
}

.carousel .carousel-control.right {
	right: 0;	
}

.carousel .icon-prev, .carousel .icon-next {
	position: absolute;
	top: 50%;
}

.carousel span.icon-prev *, .carousel span.icon-next *{
	color: white;
	font-weight: bold;	
}


/********************************************************************************************************************/
					/** Common Settings  **/
/********************************************************************************************************************/

@media screen and (min-width: 60em) {
}

/** margin-top for the preview. You can override it **
html.md-touchevents #myCarousel {
	margin-top: 3em;
}*/

.carousel-item .carousel-caption {
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	padding: 2em;
	text-align : center;
	width: 70%;
}

#carousel {
	width: 600px;
	height: 450px;
	overflow:hidden;
}

ul#carousel {
	width: 1920px;
	padding: 0;
	margin: 0;
}

#carousel li {
	width:600px;
	text-align: center;
	height: 450px;
	list-style: none;
	float:	left;
}

#carousel img{
	width: 100%;
	object-fit: cover;
}
.products .product-details-img .swiper-slide img {
	width: 100%;
	/*height: 100%;*/
}
a:link, a:visited {
    text-decoration: none;
}

.treenav > ol, .treenav > ul {
    display: inline-block;
}

.treenav li { 
	position: relative;
	padding: .25em;
	list-style: none;
}

.treenav a {
    color: black;
}

.treenav li > input {
	position: absolute;
	opacity: 0;
	z-index: 2;
	cursor: pointer;
	margin: 0;
}

.treenav li input:checked + label + ol, .treenav li input:checked + label + ul {
	display: block;
}

.treenav li input + label + ol, .treenav li input + label + ul {
	display: none;
}

.treenav label {
	cursor: pointer;
}

/*************************************************************************************/

.treenav.boxed > ol, .treenav.boxed > ul {
	display: block;
}

.treenav.boxed li {
	padding: 0;
	margin: 0;
}



.treenav.boxed li.leaf .right {
	float: right;
	display: inline-block;
}

html[dir=rtl] .treenav.boxed li.leaf .right {
	float: left;
}

/******************************************************************************************************/
				/***  Forms Rules  ***/
/******************************************************************************************************/

form {

}

.form {
		
}

form select {
	max-width: 100%;
}

.formline input.btn {
	border: none;
}

.formline input[type=radio], .formline input[type=checkbox] {
	display: inline-block;
	margin: .5em;
	margin-left: 0;
	cursor: pointer;
}

html[dir=rtl] .formline input[type=radio], html[dir=rtl] .formline input[type=checkbox] {
	margin-left: .5em;
	margin-right: 0;
}

 input.error {
	border: 1px solid red;
}

.help-block {
	display: block;
	margin: .25em .5em 0 0;
	color: #737373;
}

.inline-form input {
	max-width: 100%;
}

.formline.vertical-grp label {
	display: block;
	margin: 1em auto;
	text-align: initial;
} 

.formline label, .formline table {
	margin: .5em 0;
}

.formline table {
	padding-bottom: 0;
}

.formline input, .formline textarea, .formline select {
	display: block;
}

.formbuttons input:first-child {
	margin-left: 0!important;
}

html[dir=rtl] .formbuttons input:first-child {
	margin-right: 0!important;
}

.form-signin form {
	width: 100%;
	margin: auto;
	position: relative;
	padding: 1em;
	border: 1px solid #CFD8DB;
}

.form-signin .formline, .form-signin .formbuttons {
	padding: 0;	
}

.form-signin .formline input[type=email], .form-signin .formbuttons input[type=submit], .form-signin .formline input[type=password], .form-signin .formline input[type=text] {
	width: 100%;
	padding: 1em .5em;
	margin: .5em 0;
}

.formline textarea {
	min-height: 14em;
	max-width: 30em;
	width: 100%;
}

.form-signin .formline textarea {
	width: 100%;
	min-height: auto;
}

.g-recaptcha > div {
	margin-left: auto;
	margin-right: auto;
}

.form_news {
 vertical-align: middle;
    text-align: center;
    background-color: rgb(240, 240, 235);
    padding: 1ex;
    overflow: auto;
    border-radius: 1ex;
}

.form_news i.fa {
	color: red;
}

.form_news .from {
	border-top: 0;
}

.form_news div {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5em;
}

/*
.formbuttons #ok, .formbuttons #cancel {
	width: auto;
	margin-right: .5em;
}
*/
form #register {
	width: 45%;
	display: inline-block!important;
	text-decoration: none!important;
	border: 1px solid #333;
	margin: .5em 5% .5em 0;
	padding: 1em .5em!important;
	color: white;
	cursor: pointer;
	text-align: center;
	border-radius: .5ex;	
}

.form_reserv select {
	margin: .5em;
	max-width: 100%;
}

.form_reserv select.dest {
	margin-left: 0; 
}

.form_reserv .options span {
	display: inline-block;
	width: 5em;
}

.form_reserv .header {
	margin-left: 5em;
}



#bookform .formline input {
	display: inline-block;

}

#bookform .formline label, #bookform .formline input {
		margin-right: .25em;
}

#bookform .formline span {
	display: inline-block;
}

#booknow .tabs-container {
	padding: .25em;
}

#booknow.index {
	margin-bottom: 0;
}

.footer .footer_social i.fa {	
    vertical-align: text-bottom;
}

.footer nav {
	text-align: center;
}

.footer .nav {
	display: inline-block;
}

.footer .nav li:first-child {
	margin-left: 0;
}

/* ==========================================================================
  				 MEDIA QUERIES
   ========================================================================== */
.form_news form {
	border-top: none !important;
}

@media screen and (min-width: 33em) {
	
	
	
	.inline-form input {
		width: auto;
	}
	
	.inline-form .formline, .inline-form .formbuttons {
		display: inline-block;
		vertical-align: middle;
	}
		
	.formline {
		border-top: 0;
	}
		 
	.formline input {
		width: auto;
		vertical-align: middle;
	}
	
	/* can use  */
		
	/*form {
		padding: 1em;
		border-top: 1px dotted rgb(187, 187, 187);
	}*/
	
	.form-signin form {
		width: 30em;
		padding: 2em 4em;
	}

	#bookform .formline input {
		margin-right: .5em;
	}
	
	
}

@media screen and (min-width: 53em) {
	#booknow.index {
	 	position: absolute;
	 	top: 3em;
	 	z-index: 99;
	}
}


/****************************************************/
.article_body_content {
	text-align: justify;
	line-height: 2em;
}

.article_body_content em {
		font-weight: bold;
		font-style: normal;	
}

.author_image {
	height: 4em;
	max-width: 6em;
}

.article_author {
	margin-bottom: 1em;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	
}
.article_author:empty {
	display:none;
}
.article_author >div {
	border-top: 1px dotted;
	padding: 1em 0;
}
.article_author >div:first-child {
	border-top: none;
}
.article_author >div >div {
	display: table-cell;
	vertical-align: middle;
	padding-left: 1em;
	text-align: justify;
	font-size: small;	
}

.article_author a:after {
	content: ", " ;
}

.article_author .contact{
	margin-top: 1em;
}
.article_publish {
	color: gray;
	font-size: small;
	margin-bottom: 0.5em;
}
.top_author {
	color: gray;
	font-size: small;
	margin-bottom: 0.5em;
}
.top_author ul {
	display: inline;
}
.top_author li{
	display: inline;
	padding: 0 .25em;
}
.top_author li:after {
	content: '|';
}
.top_author li:last-child:after {
	content: '';
}
.article_footer {
	margin: 1em 0;
}

.article_body_content figure img {
	width: 30em;
	max-height: 20em;
	max-width: 100%;
}
.article_body_content figure video {
	width: 100%;
    	max-height: 90vh;
}
.article_body_content blockquote {
	background-color: #EEEEEE;
	padding: .5em;
}
.article_author picture {
	display: table-cell;
	margin-right: 1em;
}
.article_footer_taxonomy {
	margin: 1em 0;
}
.article_footer_taxonomy h3{
	margin-bottom: .25em;
}
.article_terms_text a{
	color: red;
}
.author_name{
	font-weight: bold;	
}
.article_body_content li {	
	margin-left: 2em;
	text-align-last: left;
}
.article_body_content p {	
	margin: .5em 0;	
}
.article_body_content p:first-of-type:first-letter { 
  	color: red; 
  	font-size: 4em;
	float: left;
	margin-top: 0.25em;
	margin-right: 0.1em;
	font-weight: bold;
}
.article_body_content p.mathjax {
	text-align: center;
}
.article_body_content figure {
	text-align: center;
}
#back-totop {
	vertical-align: middle;
	text-align: center;
}
#back-totop a {	
	z-index: 999;
	position: fixed;
	bottom: 1em;
	right: 1em;
	background: rgba(128,128,128,0.5);
	width: 1.5em;
	height: 1.25em;
	color: white;	
    	text-decoration: none;
    	font-size: 2em;
}
	/*** table section ***/
/************************************************************/
/*.article_body_content table {
	overflow: auto;
	display: block;
	margin: 1em auto;
	max-width: 100%;
	border-collapse: collapse;
	padding-bottom: 1em;
	font-size: .85em;
}
.article_body_content table caption{
	font-size: small;
    	color: #888;
	caption-side:bottom;
	margin: .5em;
	text-align: left;
	line-height: 1.5em;
	font-weight: bold;
}

.article_body_content th, .article_body_content td {
	padding: .5em; 
	border: 1px solid gray;	
	vertical-align: middle;
	text-align: center;
}
	
.article_body_content th, .article_body_content tbody tr:nth-child(even) {	
	background-color: #F8F8F8;
}

.article_body_content tbody tr:hover {	
	background-color: #ddd;
}
*/
.article_summary_view {
	margin: 1em 0;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	padding: 1em;
	text-align: justify;
}

.author_image {
	height: 4em;
	max-width: 6em;
}

.article_author picture {
	display: table-cell;
	margin-right: 1em;
}

.article_author {
	margin-bottom: 1em;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	
}
.article_author:empty {
	display:none;
}
.article_author > div {
	border-top: 1px dotted;
	padding: 1em 0;
}
.article_author > div:first-child {
	border-top: none;
}
.article_author > div > div {
	display: table-cell;
	vertical-align: middle;
	padding-left: 1em;
	text-align: justify;
	font-size: small;	
}

.article_author a:after {
	content: ", " ;
}

.article_author .contact {
	margin-top: 1em;
}

.article_author {
    margin-bottom: 1em;
    border-top: 1px dotted;
    border-bottom: 1px dotted;
}

.article_body_content li {
	margin-left: 2em;
	text-align-last: left;
	list-style-type: initial;
}

@media screen and (min-width: 33em) {

	.article_author {
	    margin: 1em 3em;
	    padding: 1em 2em;
	}

}


/************************************************************/
table {
	overflow: auto;
	display: block;
	max-width: 100%;
	border-collapse: collapse;
	padding-bottom: 1em;
}

caption {
	font-size: small;
	color: #888;
	caption-side: bottom;
	margin: .5em;
	text-align: left;
	line-height: 1.5em;
	font-weight: bold;
}

tbody {

}

tfoot {

}

th, thead td {
	padding: .5em;
	vertical-align: middle;
	text-align: center;
	border: 1px solid gray;
}

tfoot th, tfoot th.actions {
	text-align: left;
}

tr {

}

tbody td {
	padding: 1em .5em;
	border: 1px solid gray;
	vertical-align: middle;
	text-align: center;
}

/*table a:link    { color: #03A9F4 }  /* unvisited links */
/*table a:visited { color: #0c0 }  /* visited links   */
/*table a:hover   { color: #03A9F4 }  /* user hovers     */
/*table a:active  { color: #ccc } */

/************************************************************/
/**********************responsive table*********************/
/***********************************************************/
/*
table.responsive {
	overflow: hidden;
}
*/
table.responsive, table.responsive caption, table.responsive tbody, table.responsive tr,  table.responsive td, table.responsive tfoot {
	display: block;
} 

table.responsive caption {
	caption-side: bottom;
}

table.responsive tr, table.card-table tr {
	margin: 1em .25em;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	overflow: auto;
}

table.responsive td {
	text-align: right;
	border-top: 1px solid #C1DAD7;
	border-bottom: none;
	border-left: none;
	border-right: none;
	min-height: 1em;
}

table.responsive td:before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	color: #616161;
}

.data-table-wrap {
	overflow: auto;
	max-width: 100%;
	max-height: 100%;
}

.data-table-wrap .data-table-filter, .data-table-wrap .data-table-footer {
	max-width: 100%;
	display: flex;
	padding : 1em 0;
}

table.data-table {
	margin: 0;
	overflow: auto;
	max-width: 100%;
}

table.data-table th, table.data-table td, table.responsive th, table.card-table th {
	border: 0;
}

.data-table-wrap .flex-end {
	text-align: center;
	align-self: flex-end;
} 

.data-table-wrap .flex-end:first-child {
	margin-left: auto;
}
  
.data-table-wrap .data-table-paginator a {
    color: black;
    padding: .25em .5em;;
    text-decoration: none;
}

table.data-table thead .actions {

}

.data-table.card-table td.actions, .card-table td.actions {
    	display: inline-block;
}

table .media img {
	max-width: 10.666em;
	max-height: 6em;
	overflow: hidden;
	object-fit: contain;
	object-position: center;
	text-align: center;
}

.data-table.responsive {
	position: relative;
}

.data-table.responsive .actions .actions-items, .card-table .actions .actions-items {
	    align-self: flex-end;
}

.data-table.responsive .actions .actions-items:first-child, .card-table .actions .actions-items:first-child  {
	    align-self: flex-end;
	    margin-left: auto;
}

html.md-touchevents .data-table.responsive tr, .data-table.card-table tr  {
	position: relative;
}

.data-table.responsive .head-actions, .card-table .head-actions {
	position: absolute;
	display: inline-block;
	right:0;
	padding: 0;
	border: 0;
}

table.responsive td.actions, table.card-table td.actions {
	display: inline-block;	
	float: right;
}


.data-table .fh-checkbox label, .card-table .fh-checkbox label, .responsive .fh-checkbox label {
	padding-left: 1em !important;
}


/****************************************************************************/

table.card-table {
	width: 100%;
}

table.card-table tr {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 100%;
}

table.card-table, table.card-table tbody, table.card-table td  {
	display: block;
}

.data-table.card-table tbody tr:first-child, .data-table.card-table tr, .card-table, .card-table td {
	border: 0;
}

table.card-table td.media, table.responsive td.media {
	/*text-align: center;*/
}


table.card-table, table.responsive {
	overflow: initial;
}

.responsive tfoot {
	display: block;
}

table.responsive thead, table.card-table thead, table.responsive tfoot, table.card-table tfoot {
	display: none;
}

table.responsive thead.sort, table.card-table thead.sort {
	display: block;
	border: 0;
}

table.responsive thead.sort th:not(:empty), table.card-table thead.sort th:not(:empty) {
	display: inline-block;
	margin: .25em;
	border: 1px dotted;
}

table.responsive thead.sort tr, table.card-table thead.sort tr {
	border-bottom: none;
}	

.data-table tfoot th.actions, .card-table tfoot th.actions, .responsive tfoot th.actions {
	border: 0;
}

table thead th {
    white-space: nowrap;
}

table.feature-table, table.feature-table.data-table {
	margin-left: auto;
	margin-right: auto;	
	display: table; 
}

.feature-container {
	overflow: auto;
	width: 100%;
}


.feature-table td.feature-icons img {
	width: 1.5em; 
}

.sorted  span, span.sort span, a.sort span {
	display: none;
}

.sort span.asc, .sort span.desc, .sorted span.asc, .sorted span.desc {
	display: initial;
	cursor: pointer;
}

table.responsive td:empty {
	height: 3em;
}


/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

@media screen and (min-width: 33em) {
	
	/*table, table.responsive {
		display: table;
	}
	*/
	table.responsive caption {
		display: table-caption;
	} 
	
	table.responsive thead, table.responsive thead.sort {
		display: table-header-group;
	}
	
	table.responsive thead.sort th:not(:empty) {
		display: table-cell;
	}
	table.card-table thead.sort th:not(:empty) {
		border: 0;
	}
		
	table.responsive tbody {
	    	display: table-row-group;
	} 
	
	table.responsive tr {
		display: table-row;
		margin: 0;
		box-shadow: none;
	} 
	
	table.responsive td {
		display: table-cell;
		border: 1px solid gray;
		text-align: center;
	} 
	
	table.responsive td.actions {
		display: table-cell;
		float: none;	
	}
	
	table.responsive td:before {
		content: "";
	}
	
	table.responsive td:empty {
		height: initial;
	}
	
	table.responsive tfoot {
		display: table-footer-group;
	}
	
	.table-container {
		/*position: relative;*/
		width: 100%;
	}
	
	table.scroll_table  {
		width: 100%;
	}
	
	table.scroll_table th {
		padding: 1em .5em;
		border : 0;
		font-weight: bold;
		font-size: 1.2em;
		background-color: white;
		border-bottom: 1px solid;
	}
	
	table.scroll_table td  {
		width: 20%;
		padding: 1em .5em;
		border : 0;
		border-bottom: 1px solid #f2f2f2;
	}
	
	table.data-table th, table.data-table td {
		text-align: left;
		border: 0;
	}
		
	.head_table {
		/*display: none;*/
		visibility: hidden
	}
	
	.head_table.fixed {
		position: fixed;
		top:0;
		width: 100%;
		font-weight: bold;
		font-size: 1.2em;
		background-color: white;
		display: block;
		visibility: visible;
		margin-top: 0;
		border-bottom: 1px solid;
	}	
	
	.head_table > div {
		display: inline-block;
		width: 19%;
		text-align: center;
		padding: 1em .25em;		
	}
		
	.scroll_table.revealed thead {
		/*display: none;*/
		visibility: hidden	
	}
	
	.scroll_table.revealed tbody {
		margin-top: 2em;	
	}
	
	.data-table {
	
	}
	
	.data-table.responsive .head-actions {
		position: relative !important;
		display: table-cell !important;
	}
	
	table.card-table, table.responsive {
		overflow: auto;
	}
	
	table.card-table tr {
		width: auto;
	}
	
	.feature-table td.feature-icons {
		text-align: center;
	}

	
}

.contact {
	text-align: center;
	vertical-align: top;
	margin-bottom: 2em; 
}

.contact .icon {
	font-size: 3em;
	color: #ddd;
}

.contact:hover .icon {
	color: #000;
}

.contact .icon:empty {
    width: 1em;
}

.contact .icon:before {
    content: "\e008";
}

.contact p fa {
	color: #333;
}

.product-details-desc {
	padding-left: 0;
}

.product-options {
	padding-right: 0;
}

.product-options .contact > p:first-child {
	margin-top: 0;
}

.products.two-column {
	overflow: hidden;
}

.products.two-column + h1 {
	clear: both;
}

.page {
	margin-top: 1em;
} 

/**********************************************************************************/

	.card img {
		width: 100%;
	}
	
	.container {
		padding: .5em;
	}
	
	.container h1, .container h1, .container h3, .container h4, .container h5, .container h6, .container p {
		    margin: .5em 0;		
	}
	
	.card-header {
		display: flex;
		align-content: space-between;
		align-items: center;
	}
	
	.card-header img
	{
		width: 3em;
		border-radius: 3em;
		margin: 0 2em;
	}
	
	.card-header .container {
		margin-left: 1em;
	}
	
	.card-info .card-content {
		
	}
	
	.card-info .card-content .tabs-navbar {
		border: 0;
	}
	
/**********************************************************************************/

.pricing-block, .pricing-flex {
	width: 90%;
	margin: 1em auto;
	text-align : center;	
}

div.pricing-items {
	text-align: center;
	padding: 1em;
	margin: 1em auto;
	background-color: #f0f0eb;
    	vertical-align: middle;
}

.pricing-block div.pricing-items:first-child {
	margin-left: 0;
}

.pricing-block div.pricing-items:last-child {
	margin-right: 0;
}

.cost {
	font-size: 2.5rem;
}

.pricing-block .pricing-items.featured {
	background: #29B6F6;
	z-index: 10;
	margin: 0;
	color: white;
	position: relative;
	font-size: 1.25rem;
}

.pricing-items h1, .pricing-items .cost {
	color: #29B6F6;
}

.pricing-block  .pricing-items.featured * {
	color: white;
}

.pricing-items.featured .btn {
	border-color: #9E9E9E;
}

.pricing-flex .pricing-items.featured {
	background-color: white;
}

.pricing-flex .pricing-items {
	margin: 0;
}


@media screen and (min-width: 33em) {
	
	.pricing-block  {
		width: 100%;
	}
	
	div.pricing-items * {
		margin: 1em 0;
	}
	
	.pricing-block div.pricing-items {
		display: inline-block;
		margin: -1%; 
		width: 25%;
	}
	
	.pricing-flex {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	
	.pricing-flex .pricing-items {
		width: 33.333%;
	}
	
	

}

.media-caption {
	position: relative;
	margin: 0;
}

.media-caption figcaption {
	margin: auto;
	color: #fff; 
	width: 95%;
	padding: .25em;
	display: block;
	background: white;
	margin-top: -3em;
	box-shadow: 0px 0px 1px 2px rgba(0,0,0,.1);
	position: relative;
}

.media-caption figcaption:hover, .featureListItem:hover {
   	box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
	transition-property: box-shadow;
	transition-duration: .1s;
	transition-timing-function: ease-in-out;
}

.media-caption figcaption h1,  figcaption h2, .media-caption figcaption h3, .media-caption figcaption h4, .media-caption figcaption h5, .media-caption figcaption h6 {
	margin: .25em 0;
} 

.featureListItem div.img-cont {
	padding: 0;
	width: 40%;
}

.featureListItem div.img-cont img {
	display: block;
	object-fit: cover;

}

.featureListItem h1, .featureListItem h2 {
	margin-top: 0;
	margin-bottom: .25em;	
}

.page.products i.fa-star{
	color: rgb(254, 186, 2);	
}

.product-options .contact a.btn:hover {
	background-color: initial;
}

.product-options i.fa {
	color: white;
}

.hotel-name {
	display: inline-block;
	margin-right: 1em;
	margin-bottom: 0;
}

.hotel-header {
	margin-bottom: 1em;
}

.product-options.center h2 {
	text-align: left;
} 
	
.btn.btn-large {
	font-size: 1.25em;
	font-weight: bold;
	padding: .5em .75em;
}	

.btn.btn-far{
	margin: 1em;
}

.resultsContainer .result-item {
	border: 1px solid #f0f0eb;
	background-color: #f0f0eb;
	margin: 1em 0;
	padding: 1em;
}

.resultsContainer.flex .resultItem-img img {
	height: 15em;
}

.resultsContainer .resultItem-info:hover h1, .resultsContainer .resultItem-info:hover h2, .resultsContainer .resultItem-info:hover p  {
	text-decoration: underline;
}

@media screen and (min-width: 33em) {

	.resultsContainer.flex .resultItem-img img {
		height: 20em;
	}

}

@media screen and (min-width: 43em) {
	
	.resultsContainer {
		margin: 2em 0;
	}
	
	.resultsContainer.flex .result-item {
		display: flex;
	}
	
	.resultsContainer.flex .resultItem-img {
		flex:1;
	}
	
	.resultsContainer.flex .resultItem-info {
		padding: 0 1em;
    		flex: 2;
	}
	
	.resultsContainer .result-item {
		overflow: auto;
		clear: both;
	}
	
	.resultsContainer .result-item h1, .resultsContainer .result-item h2, .resultsContainer .result-item h3 {
		margin-top: 0;
	}
	
	.resultsContainer .resultItem-img, .resultsContainer .resultItem-info  {
		display: inline-block;
		float: left;
	}
	.resultsContainer .resultItem-img {
		width: 30%;
	}
	
	.resultsContainer .resultItem-info {
		padding-left: 1em;
		width: 70%;
	}
}

@media screen and (min-width: 53em) {

	.product-options .contact {
		width: 100%;
	}
	
	.contact {
		width: 49%;
		display: inline-block;
	}
	.card {
		width: 25%;
	}
	.card-info {
    		width: 25%;
	}
	
	.pricing-block  {
		width: 70%;
	}	
	
	.pricing-flex .pricing-items {
		width: 15%;
	}
	
	.featureListItem div.img-cont {
		width: auto;
	}

	.media-caption {
		width: 30%;
		margin: .5em;
		float: left;
		clear: right;  	
		height: 21em;
	}
	
	
	.product-options.center {
		text-align: center;
	}

	.product-options.center h2 {
		text-align: left;
	} 

	
}



.tabs-container .formline label {
	display: inline-block;
	margin-right: 1em;
    	vertical-align: middle;
    	font-size: 1rem;
    	font-weight: normal;
}

#map {
	max-width: 100%;
}

.comments .comment-row {
	margin-top: 1em;
}

.comment-row .avatar-image {
	height: 2em;
	max-width: 4em;
	border-radius: .5ex;
	vertical-align: top;
}

.comment-row .comments-content .comments-text {
	max-height: 4.5em;
	overflow: hidden;
	position: relative;	
}

.comment-row .comments-content p { 
	margin: .25em 0;
}
.comment-row .comments-content p a {
	text-decoration: underline;
}

a.read-more {
	text-decoration: underline;
	font-weight: bold;
}

.comments .comments {
	width: 95%;
	margin: auto;
	font-size: 95%; 
}

.comments .comments-text .fade-effect-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2em;
	background: linear-gradient(rgba(255,255,255,0),#fff);
	pointer-events: none;
} 
 

@media screen and (min-width: 53em) { 

	.comment-row .comment-avatar, .comment-row .comments-content {
		display: table-cell;
	}
	.comment-row .comments-content {
		padding-left: 1em;
	}
	
	html[dir=rtl] .comment-row .comments-content {
		padding-right: 1em;
		padding-left: 0;
	}
	
	.comments .comment-row  .comments-text {
		max-height: 4.5em;
		overflow: hidden;
	}
}

.footer {
	    margin: .5em 0 0 0;
	    padding: 1em;
}
html * {
	max-height: 1000000em;

}

body {
	color: #333;	
}

h1, h2, h3, h4, h5, h6{
	color: #757575;
}

.center {
	text-align: center;
}

/********************************************************************************************************************/
						/*** common table settings ***/
/********************************************************************************************************************/

tr, th , thead td, li, .navbar_logo img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

thead {
	background-color: #F8F8F8;
}

.data-table tr.selected {
	background-color: blue;
	color: white;
}

.data-table .btn.btn-background, .data-table-wrap .btn.btn-background {
	background-color: #03A9F4;
}

table.card-table tbody td, table.responsive tbody td, table.data-table tbody tr {
	border-bottom: 1px solid;
}

table.data-table  thead {
	border-bottom: 2px solid;
} 

table.card-table tbody td, table.responsive tbody td, table.data-table tbody tr, table.data-table  thead {
	border-bottom-color: #9E9E9E;
}

table.card-table td.actions, table.responsive td.actions, table.data-table.responsive tbody tr {
	border-bottom: 0;
}

tbody tr:nth-child(odd) {

}

tbody tr:nth-child(even) {
	background-color: #F8F8F8;
}

/*** common table with sidebar settings ***/
html.md-no-touchevents tbody tr:hover {
	background-color: #ddd;
	/*can be merged with backgroundcolor of buttons and menu item */
}

.sorted span.asc, .sorted span.desc {
	cursor: default;
}

a.sort span.asc, a.sort span.desc  {
	color: #29B6F6;
}

.sort .asc:after, .sorted .asc:after {
	content: "\25B2";
}

.sort .desc:after, .sorted .desc:after {
	content: "\25BC";
}

@media screen and (min-width: 33em) {
	
	table.data-table tfoot th.actions {
		padding: 2em 0;
	}
	
	table.data-table.card-table tfoot th.actions {
		padding-top: inherit;
	}
	
	.data-table.responsive th, .data-table.responsive thead.sort th:not(:empty)	, .data-table.responsive tfoot th.actions {
		border: 0;	
	}
	
	.responsive tfoot th.actions, table.card-table th, table.responsive th {
		border: 1px solid #404040;
	}
		
	table.responsive td.actions {
		border-bottom: 1px solid #9E9E9E;
	}
		
}
	
/********************************************************************************************************************/
						/*** Common Settings Navigations ***/
/********************************************************************************************************************/

.dropdown-menu .cd-header {
	height: 3em;
}

.cd-logo  .navbar_logo img {
	height: 3em;
	vertical-align: middle;
	padding: .5em 0;
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
}

.cd-header .cd-logo .navbar_logo span {
	/*position: absolute;
	top: 50%;
	transform: translateY(-50%);*/
	vertical-align: middle;
	padding-left: .5em;
}

html[dir=rtl] .cd-header .cd-logo .navbar_logo span {
	padding-left: 0;
	padding-right: .5em;
}
.cd-header .cd-logo {
	padding-left: 1em;
}

html[dir=rtl] .cd-header .cd-logo {
	padding-right: 1em;
	padding-left: 0;
}

div.document-wrapper section{
	margin:0;
	padding: 1em;
}

						/**** Menu article ****/

.menu-article .nav-list a:hover, .nav-list.is-active a {
	border-bottom: 3px solid #4d5256;
	color: #4d5256;
}

						/**** dropDown Menu ****/

.dropdown-menu .cd-header .btn-toggle {
	background-color: #404040;
}

.dropdown-menu .cd-header ul {
	margin: 0;
	padding: 0;
}

.dropdown-menu, .dropdown-menu .nav, .dropdown-menu .nav .nav-list ul, .footer {
	background: #f0f0eb;
}

.dropdown-menu .cd-header .nav li.active, .dropdown-menu .cd-header .nav li.active > a {
	pointer-events: none;
	cursor: auto;
}

.dropdown-menu .cd-header .nav li.active:hover, .dropdown-menu .cd-header .nav .nav-list ul li.active:hover, .footer .nav li.active:hover, .footer .nav .nav-list ul li.active:hover {
	background-color: transparent;
	color: #404040;
}

.dropdown-menu .cd-header .nav ul li.active:hover a, .dropdown-menu .cd-logo  .navbar_logo, .dropdown-menu .nav li,  .dropdown-menu .nav li span, .dropdown-menu .nav li a, .footer .nav li, .footer .nav li span, .footer .nav li a, .footer .copyright, .cd-header .cd-logo .navbar_logo span {
	color: #404040;
}


@media screen and (min-width: 53em) {
	
	.page.zoom {
		margin-top: 4em;
	}
	
	.cd-header .cd-logo.zoom {
		background-color: #f0f0eb;
		border-radius: 0 0 .5ex .5ex;
		padding: 1em 2em;
	}
	
	.cd-logo.zoom  .navbar_logo img {
		height: 5em;
		
	}
	
	.dropdown-menu .cd-header .nav > li {
		height: 3em;
	}
		 
	.dropdown-menu .cd-header .nav li:hover, .dropdown-menu .cd-header .nav .nav-list ul li:hover {
		background-color: #404040;
	}
	
	.dropdown-menu .cd-header .nav li:hover, .dropdown-menu .cd-header .nav li:hover > span, .dropdown-menu .cd-header .nav li:hover > a, .dropdown-menu .cd-header .nav li:hover .fa {
   		 color: white;
	}
	
	/*.dropdown-menu .cd-header {
		text-align: center
	}*/
	.dropdown-menu .cd-header > ul {
		float: right;
	}
	
	html[dir=rtl] .dropdown-menu .cd-header > ul {
		float: left;
	}
}

/********************************************************************************************************/

						/**** Sidebar Menu  ****/

.sidebar-menu {
	background: #404040;
}

.sidebar-menu.sidebar-closed .btn-toggle .icon-menu {
	color: #404040;
}


@media screen and (min-width: 33em) {
	
	.tabs-navbar .tabs-navbar-list {
		display: flex;
	}
	
	.tabs-navbar.sidenav-tabs .tabs-navbar-list span {
		width: 100%
	}
			
	.tabs-navbar .tabs-navbar-list span {
		width: 50%
	}
}

/********************************************************************************************************************/
					/**** Common Settings dashboard ****/
/********************************************************************************************************************/

	.dashboard-sidebar, .footer.dashboard-footer, .dashboard-footer {
		background-color: #f5f5f5;
	}

	.dashboard-sidebar {
		border-right: 1px solid #9E9E9E;
	}
	
	.footer.dashboard-footer , .dashboard-footer, .dashboard-sidebar .cnt-toggle,.dashboard-sidebar .nav-heading, .dashboard-main.small .dashboard-sidebar .nav {
	 	border-top: 1px solid #9E9E9E;	 
	}

	.dashboard-sidebar ul li a i.fa, .dashboard-sidebar .nav-heading, .footer.dashboard-footer li a, .footer.dashboard-footer .copyright  {
		color: #707070;
	}
	
	.footer.dashboard-footer li a:hover {
		border-bottom: 1px solid #707070;
		cursor: pointer;
	}
	
	.dashboard-sidebar ul li.selected {
		background: #e6e6e6;
	}
	
	.dashboard-sidebar ul li a span {
		margin-left: .5em;
		color: #03A9F4;
	}
	
	
/********************************************************************************************************************/
					/**** Common Settings treenav ****/
/********************************************************************************************************************/

.treenav li input:checked + label:before {
	font-family: "FontAwesome";
	content: '\f147';
	padding-right: 1em;	
}

html[dir=rtl] .treenav li input:checked + label:before {
	padding-right: 0;
	padding-left: 1em;
}

.treenav li input + label:before {
	font-family: "FontAwesome";
	content: '\f196';
	padding-right: 1em;
}

html[dir=rtl] .treenav li input + label:before {
	padding-right: 0;
	padding-left: 1em;
}

.treenav li.leaf:before {
	font-family: "FontAwesome";
	content: '\f147';
	color: gray;
	padding-right: 1em;
}

html[dir=rtl] .treenav li.leaf:before {
	padding-right: 0;
	padding-left: 1em;
}

.treenav.boxed label, .treenav.boxed li.leaf {
	padding: 1em;
	margin: .5em auto;
	display: block;
	border: 1px solid #03A9F4;
}

/********************************************************************************************************************/
					/**** Common Settings forms ****/
/********************************************************************************************************************/

.form-signin h1 {
	text-align: center;
}

.formline, .formbuttons, form #lostPass, form #lostEmail, form #register {
    	padding: .5em 0;
}

.formline label {
	display : block;
}
.formline label, form #lostPass, form #lostEmail, form #register {
	max-width: 100%; 	
	cursor:pointer;
	font-size: .85em;
	font-weight: bold;
	color: #757575;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

form #lostPass, form #lostEmail, form #register {
	text-decoration: underline; 
	padding-left: 0;
	display: block;
}

html[dir=rtl] form #lostPass,html[dir=rtl] form #lostEmail, html[dir=rtl] form #register {
	padding-right: 0;
}


.formline input:focus, .formline textarea:focus, .formline select:focus, .formline div:focus, .formbuttons input:focus {

}

.formline input, .formline select, .formline div.formline-static, .formbuttons input /* .formline textarea,*/ {
	max-width: 100%;
	vertical-align: middle;
}

.formline input, .formline textarea, .formline select, .formbuttons input {
	-webkit-transition: background-color .45s cubic-bezier(.4,0,.2,1);
	transition: background-color .45s cubic-bezier(.4,0,.2,1);
}


.formline input, .formline textarea, .formline select, .formline div.formline-static {
	background-color: white;   
}

.formline input, .formline textarea, .formline select, .formline div.formline-static, .form-signin form, .formbuttons input[type=submit] {
	border-radius: .5ex;	
}

.formline div.products {
	padding: 0;
}
	
.formbuttons input {
	background: #29B6F6;
	color: white;  
}

.form-signin .formbuttons input#cancel {
	background: #D32F2F;
}

.formbuttons input[type=submit]:hover {
	background: #607D8B;
}

/********************************************************************************************************************/
				/** Common Settings for input, select, textarea **/
/********************************************************************************************************************/

input, select, textarea {
	padding: .5em;
	border: 1px solid #CCCCCC;
}

input[type=submit]:hover {

}

/********************************************************************************************************************/
		/** Common Settings for background color of custom checkboxes, radio buttons **/
/********************************************************************************************************************/

.btn {
	background: #9E9E9E;	
}	

html.md-no-touchevents .btn:hover, html.md-no-touchevents .btn.btn-background:hover {
	background-color: #404040;	
}

.btn.btn-noback {
	background: transparent;
	color: #03A9F4; 
	border: 2px solid #03A9F4;
} 

html.md-no-touchevents .btn:disabled, html.md-no-touchevents .btn:disabled:hover {
	background-color: rgba(0, 0, 0, 0.298039);
	cursor: default !important;	
}
html.md-no-touchevents .btn.btn-noback:hover {
	background: transparent;
	color: 404040; 
	border-color: 404040;
}

.btn-background {
	background-color: #03A9F4;
}

.round {
	border-radius:1em;
}

			/** custom checkboxes **/

.fh-radio > [type="radio"]:checked + label:before, .fh-checkbox > [type="checkbox"]:checked + label:before, .fh-switch > [type="checkbox"]:checked + label + .fh-switch-knob, .fh-switch > [type="checkbox"]:checked + label:after { 
	border-color: #03A9F4;
}	

.fh-radio > [type="radio"]:checked + label:before, .fh-checkbox > [type="checkbox"]:checked + label:before, .fh-switch > [type="checkbox"]:checked + label + .fh-switch-knob, .fh-switch > [type="checkbox"]:checked + label:after { 
	background-color: #03A9F4;
}

.fh-switch > [type="checkbox"]:not(:checked) + label:after {
	background-color: #dddddd;
}

.fh-switch > [type="checkbox"]:not(:checked) + label + .fh-switch-knob {
	right: 1.5em;
	background-color: #849fbb;
}

/********************************************************************************************************************/
						/** Common Settings tabs/blocks **/
/********************************************************************************************************************/

.card {
	border: 1px solid #CCCCCC;
}
	
.card, .card-info {
	margin: 1em 0;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

/********************************************************************************************************************/
						/**** Common Settings sidebar ***/	
/********************************************************************************************************************/

.sidebar-fixed-content .data-table-wrap .data-table-paginator a.active {
	color: white;
}

.sidebar-fixed-header , html.md-no-touchevents .sidebar-fixed-header .btn:hover, html.md-no-touchevents .sidebar-fixed-header .btn.btn-background:hover, .sidebar-fixed-content .data-table-wrap .data-table-paginator a.active {
		background-color: #404040; 	
}


.data-table td.actions a, .data-table th.actions a, .card-table td.actions a, .card-table th.actions a,  .responsive td.actions a, .responsive th.actions a {
	padding: .5em;
	cursor: pointer;
	background: #29B6F6;
    	color: white;
	border-radius: .5ex;
}

.sidebar-fixed-content .data-table tbody tr:hover {
	
}

.gray-text {
	color: #9E9E9E;
}

.sidebar-fixed-header .nav li.selected a {
	background-color: red;
}


.sidebar-fixed tr, .sidebar-fixed th, .sidebar-fixed tr:nth-child(even), .sidebar-fixed tr:nth-child(odd) {
	background-color: white;
} 

.sidebar-fixed .data-table tr.selected {
	background-color: #404040;
	color: white;
}


@media screen and (min-width: 53em) {
	/* Should be enabled when using sidebar template */
	/*
	body, html {
   	 	overflow: hidden;
	}*/
}
/********************************************************************************************************************/

/* Extra */

.offer {
	background-color: red;
	display: inline-block;
	margin: 1em;
	padding: 0.5ex 1ex;
	color: white;
	border-radius: 0.5ex;
	font-weight: bold;
	position: absolute;
	z-index: 2;
}

.offer {
  animation: blinker 3s linear infinite;
}

.offer:nth-of-type(3n+0) {
	animation-delay: 0s;
}

.offer:nth-of-type(3n+1) {
	animation-delay: 1s;
}

.offer:nth-of-type(3n+2) {
	animation-delay: 2s;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.data-table th.actions, .card-table th.actions, .responsive th.actions {
	border: 0;
}

@media screen and (min-width: 33em) {
	
	table.data-table th.actions {
		padding: 2em 0;
	}
	
	table.data-table.card-table th.actions {
		padding-top: inherit;
	}
	.data-table.responsive th, .data-table.responsive thead.sort th:not(:empty)	, .data-table.responsive th.actions {
		border: 0;	
	}
	
	.responsive th.actions, table.card-table th, table.responsive th {
		border: 1px solid #404040;
	}
}