/* • top nav
   	------------------------------------------------------------------------- */
   	.top-nav-blk 			{ width:100%; height:46px; background-color:#796854; }


  	/* • top right bar
   	------------------------------------------------------------------------- */
    .top-rightbar 			{ position:fixed; top:149px; z-index:38; /* position:absolute; top:0; */
								right:3%; height:40px; padding-right:20px; background-color:#8d7e6d; 
						     	-webkit-border-bottom-right-radius: 8px;
									-moz-border-radius-bottomright: 8px;
										border-bottom-right-radius: 8px; }
	#body.smhead .top-rightbar { top:80px; }
@media only screen and (max-width:1180px) {
	.top-rightbar { display:none; }
}

.top-rightbar:before {
	border-right: 46px solid #8d7e6d;
	border-bottom: 46px solid transparent;
	border-top: 46px solid transparent;
	left: -46px;
	bottom: 0px;
	position: absolute;
	content: " ";
	width: 0;
	height: 0;
}

    .tr-blk 				{ top:-4px; color:#fff; }
    .tr-blk div 			{ display:inline-block; }
    .tr-blk .fa 			{ font-size:24px; line-height: 2; }
    .tr-blk .fa 			{ padding-left:20px; }
    .tr-blk .dropdown-sel 	{ display:inline-block;  margin-top:-10px; top:-3px; padding-left:5px; font-size:16px;}
    .tr-blk a  				{ color:#fff;  transition: all 0.3s ease-out;}
    .tr-blk a:hover 		{ color:#bca588; }

    .space 	{ 	background:#bca588;  margin:0 0 0 20px; display:inline-block; width:1px; height:28px; top:6px;}


  	/* • top right bar drp
   	------------------------------------------------------------------------- */
	nav.drp.drp-lang 	{ width:90px; }
	nav.drp.drp-aaa 	{ width:60px; }
	
	.drp-btn { 
		cursor: pointer;
	}
	.drp-btn .drp-lang,
	.drp-btn .drp-aaa{     
		left: calc(50% + 20px);
		transform: translateX(-50%); 
		width: auto;
		min-width: 100%;
	}

/* 	body#body.font-a nav.drp.drp-lang 	{ right:28px; }
	body#body.font-a nav.drp.drp-aaa 	{ right:-25px;}
	body#body.font-aa nav.drp.drp-lang 	{ right:35px; }
	body#body.font-aa nav.drp.drp-aaa 	{ right:-20px;}
	body#body.font-aaa nav.drp.drp-lang { right:45px; }
	body#body.font-aaa nav.drp.drp-aaa 	{ right:-15px;} */


	nav.drp 		{ position:absolute; top:44px; background:#d6d0c3; display:none; z-index:30; font-size:16px; }
	nav.drp>a 		{ display:block; text-align:center;  padding:10px 0; border-bottom:solid 1px #e6e3db; color:#695e52; text-decoration:none; }
	nav.drp>a:hover { background:#ccc3ae; color:#695e52; text-decoration:none; }
	nav.drp>a.stub 	{ padding:0; }
	nav.drp>a.sel 	{ background:#c0baae; color:#695e52; }
	nav.drp>a:last-child { border-bottom:none}


  	/* • breadcrumb
   	------------------------------------------------------------------------- */
	.breadcrumb 					{ width:70%; height:46px; overflow-x:hidden;  }
	.overflow::-webkit-scrollbar 	{ display:none;}
	.overflow 						{ -ms-overflow-style: none;  /* IE and Edge */
  									     scrollbar-width: none;  /* Firefox */ }


	.cd-breadcrumb.triangle 					{ background-color:transparent; padding-inline-start:0px; padding: 12px 0 0 0; margin:0; margin-left:-20px; font-size:14px; }
  	.cd-breadcrumb.triangle li 					{ position:relative; padding:0; margin:0; display:inline-block; line-height:1;}
 	.cd-breadcrumb.triangle li:last-of-type 	{ margin-right: 0; }
  	.cd-breadcrumb.triangle li > * 				{ position:relative; padding:1em 0em 1em 2.2em; color:#fff;
  											      background-color:#796854; border-color:#796854; text-decoration:none;}
  	.cd-breadcrumb.triangle li.current > * 			{ color:#fff; /*background-color:#96c03d; border-color:#96c03d;*/ font-style:normal;} /* selected step */
  	.cd-breadcrumb.triangle li:first-of-type > * 	{ padding-left:1.6em; 	border-radius: .25em 0 0 .25em; }
  	.cd-breadcrumb.triangle li:last-of-type > * 	{ padding-right:1.6em;  border-radius: 0 .25em .25em 0; }

  	.no-touch .cd-breadcrumb.triangle a:hover 		{ color: #ffffff; background-color:#2c3f4c; border-color:#2c3f4c; }  /* steps already visited */
  	
  	.cd-breadcrumb.triangle li::after,
  	.cd-breadcrumb.triangle li > *::after 	{ 	/* 
										    	li > *::after is the colored triangle after each item
										    	li::after is the white separator between two items
										       	*/
    											content: ''; position:absolute; top:-1.5px; left:100%;
    											content: ''; height:0; width:0;
											    /* 48px is the height of the <a> element */
											    			border: 27px solid transparent;
											    border-right-width: 0;
											     border-left-width: 20px;
											}


  	.cd-breadcrumb.triangle li::after 		{ 	/* this is the white separator between two items */
											    z-index: 1;
											    -webkit-transform: translateX(4px);
											       -moz-transform: translateX(4px);
											        -ms-transform: translateX(4px);
											         -o-transform: translateX(4px);
											            transform: translateX(4px);
											    border-left-color: #8e7e67;
											    /* reset style */
											    margin:0; padding:0; display:inline-block; top:-18px; position:absolute; }

  	
  	.cd-breadcrumb.triangle li > *::after 	{  /* this is the colored triangle after each element */
    											z-index: 2;
    								  border-left-color: inherit; }

  	.cd-breadcrumb.triangle li:last-of-type::after,
  	.cd-breadcrumb.triangle li:last-of-type > *::after 	{ /* hide the triangle after the last step */
    														display: none; }

  	.cd-breadcrumb.triangle.custom-separator li::after 	{ /* reset style */
  												   background-image: none; }


  	.cd-breadcrumb.triangle.custom-icons li::after,
  	.cd-breadcrumb.triangle.custom-icons li > *::after { /* 46px is the height of the <a> element */
												       border-top-width: 23px;
												    border-bottom-width: 23px;}


  	/* • breadcrumb
   	------------------------------------------------------------------------- */
   	ul.breadcrumb-m 	{ display:none;}


	/*  @-moz-document url-prefix() { .cd-breadcrumb.triangle li::after,
	    .cd-breadcrumb.triangle li > *::after {
	     
	      border-left-style: dashed;
	    }
	  }  fix a bug on Firefix - tooth edge on css triangle */




	/* ==========================================================================
		Media
	============================================================================= */
	@media only screen and (max-width: 1600px) {
	.breadcrumb 			{ width:70%;}
	}

	@media only screen and (max-width: 1500px) {
	.breadcrumb 			{ width:65%;}
	}

	@media only screen and (max-width: 1300px) {
	.tr-blk div.sm-hidden 	{ display:none; }
	.breadcrumb 			{ width:80%;}
	}

	@media only screen and (max-width: 1100px) {
	.breadcrumb 			{ width:100%;}
	.top-rightbar			{ display:none; }
	}

	@media only screen and (max-width:767px) {
	.top-nav-blk 	{ display:none; }

	ul.breadcrumb-m 				{ padding:5px 20px; margin:0; list-style:none; background-color:#796854; display:block; font-size:12px;}
	ul.breadcrumb-m li 				{ display:inline }
	ul.breadcrumb-m li+li:before 	{ padding:8px; color:black; /*content: "/\00a0";*/ content: ">"; color:#e8e4db;}
	ul.breadcrumb-m li a 			{ color:#fff; text-decoration: none;}
	ul.breadcrumb-m li a:hover 		{ color:#fff; text-decoration: underline;}
	.current-m 						{ color:#fff; }
	}