/* Variables */
:root {
	/* Colors */
	--white-color: #FFF;
	--grey-light-color: #F0F0F0;
	--grey-color: #CDCDCD;
	--grey-medium-color: #A5A5A5;
	--grey-dark-color: #505050;
	--dark-color: #000;
	--body-color: #E1E1E1;
	--blue-color: #3D67FF;
	--red-color: #FF442A;
	--violet-color: #0E3968;
	--text-color: var( --grey-dark-color );
	--display-color: var( --violet-color );
	/* Fonts */
	--font-family-body : 'Kefa';
	--font-family-display : 'Kohinoor Bangla';
	--font-family-light : 'Fira-Sans-Light';
}
/* Imports 	Font Montserrat 	*/
/*** 										***/
/*** Fonts									***/
/***  										***/
@font-face {
    font-family: 'Kohinoor Bangla';
    src: url('../fonts/KohinoorBangla-Semibold.eot');
	src: local('KohinoorBangla Semibold'), local('KohinoorBangla-Semibold'),
		url('../fonts/KohinoorBangla-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/KohinoorBangla-Semibold.woff2') format('woff2'),
        url('../fonts/KohinoorBangla-Semibold.woff') format('woff'),
        url('../fonts/KohinoorBangla-Semibold.ttf') format('truetype'),
        url('../fonts/KohinoorBangla-Semibold.svg#KohinoorBangla-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}
/* Equivalent Kohinoor Bangla Light */
@font-face {
	font-family: 'Fira-Sans-Light';
	src: url('../fonts/Fira-Sans-Light.ttf.eot');
	src: local('KohinoorBangla Semibold'), local('KohinoorBangla-Semibold'),
		url('../fonts/Fira-Sans-Light.ttf.woff') format('woff'),
		url('../fonts/Fira-Sans-Light.ttf.svg#Fira-Sans-Light') format('svg'),
		url('../fonts/Fira-Sans-Light.eot?#iefix') format('embedded-opentype');
		font-weight: 200;
		font-style: normal;
  }
@font-face {
	font-family: 'Kefa';
	src: url('../fonts/Kefa-Regular.eot');
	src: local('Kefa Regular'), local('Kefa-Regular'),
		url('../fonts/Kefa-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Kefa-Regular.woff2') format('woff2'),
		url('../fonts/Kefa-Regular.woff') format('woff'),
		url('../fonts/Kefa-Regular.ttf') format('truetype'),
        url('../fonts/Kefa-Regular.svg#Kefa-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Main styles */
html {
	position: relative;
	min-height: 100%;
	font-size: 	62.5%;
	font-weight: 400;
	line-height: 1.15;
}
body{
	background-color: var( --body-color );
}
body, table {
	min-height: 100%;
	height: 100%;
	margin: 0;
	line-height: 1.15;
}
body, header, nav, footer, table, p, ul, ol, li, a {
	color: var(--text-color);
	font-family: var(--font-family-body), sans-serif;
	font-size: 20px;
	font-size: 2rem;
	line-height: 30px;
	line-height: 3rem;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6, p.lead {
	color: var(--display-color);
	font-family: var(--font-family-display), sans-serif;
	font-style: normal;
}
h1{
	font-size: 52px;
	font-size: 5.2rem;
	line-height: 68px;
	line-height: 6.8rem;
}
h2{
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 48px;
	line-height: 4.8rem;
}
h3{
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 36px;
	line-height: 3.6rem;
}
h4{
	font-size: 20px;
	font-size: 2rem;
	line-height: 24px;
	line-height: 2.4rem;
}
.small, small{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 20px;
	line-height: 2rem;
}
/* Blockquote */
blockquote, blockquote p{
	font-family: var(--font-display-light), sans-serif;
	font-size: 30px;
	font-size: 3rem;
	line-height: 44px;
	line-height: 4.4rem;
	text-align: justify;
	border-top: 1px solid var( --grey-medium-color );
	border-bottom: 1px solid var( --grey-medium-color );
	color: var( --violet-color );
	margin: 3rem auto;
	padding: 5rem 10rem;
	position: relative;
}
blockquote p{
	margin: 0;
	padding: 0;
	border: 0	
}
blockquote:before{
	content: url('../images/quote.png');
	position: absolute;
	top: 4.5rem	;
	left: 0
}
blockquote footer{
	color: var( --violet-color );
	font-size: 20px;
	font-size: 2rem;
	line-height: 33px;
	line-height: 3.3rem;
	text-align: justify;
}
blockquote footer cite, blockquote footer .author{
	color: var( --violet-color );
	font-style: italic;
}
blockquote footer .author{
	font-weight: 700;
}
/* Default text link */
a{
	text-decoration: none;
}
p a, span a, small a, li a, article a{
	color: var( --blue-color );
}
ul{
	padding-left: 20px;
}
li::marker{
	color: var( --display-color )
}
/* Colors 			*/
.display-color{
	color: var( --display-color );
}
.display-bg-color{
	background-color: var( --display-color );
}
.text-color{
	color: var( --text-color );
}
.body-bg-color{
	background-color: var( --text-color );
}
.bg-colored{
	background-color: var( --grey-light-color );
}
.display-font{
	color: var( --display-color );
	font-family: var(--font-family-display), sans-serif;
	font-size: 20px;
	font-size: 2rem;
	line-height: 24px;
	line-height: 2.4rem;
}
/* Buttons 					*/
/* Commons Button 	*/
.btn{
	font-family: var(--font-family-display), sans-serif;
	font-size: 20px;
	font-size: 2rem;
	line-height: 24px;
	line-height: 2.4rem;
	text-transform: uppercase;
	border: 1px solid  var( --violet-color );
	border-radius: 0;
	padding: 3rem 2rem;
}
.btn:after{
	content: url( data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%23fff%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%20d%3D%22M14%205l7%207m0%200l-7%207m7-7H3%22%2F%3E%3C%2Fsvg%3E);
	position: relative;
	top: 5px;
	left: 5px;
}
.input-group-btn .btn{
	padding: 1.15rem 2rem;
}
.no-arrow:after{
	content: '' !important;
}
.no-arrow:hover:after{
	content: '' !important;
}
.btn-mini{
	padding: 1rem 2rem;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 18px;
	line-height: 1.8rem;
	margin: 2px 0;
}
.btn.btn-mini:after{
	content: url( data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%23fff%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%20d%3D%22M14%205l7%207m0%200l-7%207m7-7H3%22%2F%3E%3C%2Fsvg%3E);
	top: 3px;
}
.btn:hover::after{
	color: var( --display-color );
}
/* Text Button 	*/
.btn.btn-link{
	color: var( --blue-color );
	border: none;
	padding: 0
}
.btn.btn-link:hover{
	color: var( --display-color );
}
.btn.btn-link:after{
	content: url( data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23370F61%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%23370F61%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%20d%3D%22M14%205l7%207m0%200l-7%207m7-7H3%22%2F%3E%3C%2Fsvg%3E);
}
.btn.btn-link:hover::after{
	content: url( data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%233D67FF%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%233D67FF%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%20d%3D%22M14%205l7%207m0%200l-7%207m7-7H3%22%2F%3E%3C%2Fsvg%3E);
}
/* Default Button 	*/
.btn.btn-default{
	background-color: var( --display-color );
	color: var( --white-color );
}
.btn.btn-default:hover{
	background-color: transparent;
	color: var( --display-color );
}
.btn.btn-default:hover:after{
	content: url( data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%23370F61%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%20d%3D%22M14%205l7%207m0%200l-7%207m7-7H3%22%2F%3E%3C%2Fsvg%3E);
}
.btn.btn-default.btn-mini:hover:after{
	content: url( data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%23370F61%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%20d%3D%22M14%205l7%207m0%200l-7%207m7-7H3%22%2F%3E%3C%2Fsvg%3E);
}
.input-group-btn .btn.btn-default:hover{
	background-color: var( --display-color );
	color: var( --white-color );
}
/* Home Button 	*/
.btn.btn-action{
	background-color: var( --display-color );
	color: var( --white-color );
}
.btn.btn-action:hover{
	color: var( --grey-color );
}
/* Outline Button 	*/
.btn.btn-outline{
	background-color: transparent;
	color: var( --display-color );
}
.btn.btn-outline:hover{
	background-color: var( --display-color );
	color: var( --white-color )
}
.btn.btn-outline:after{
	color: var( --blue-color );
}
.btn.btn-outline:hover::after{
	color: var( --display-color );
}
/* Inverse Button 	*/
.btn.btn-inverse{
	background-color: transparent;
	color: var( --blue-color );
	border-color: transparent
}
.btn.btn-inverse:hover{
	color: var( --white-color );
	background-color: var( --blue-color );
	border-color: var( --blue-color );
}
.btn.btn-inverse:after{
	content: '';
}
.btn.btn-inverse:hover::after{
	content: '';
}
/* Light Button 	*/
.btn.btn-light{
	background-color: var( --white-color );
	color: var( --blue-color );
	border-color: var( --white-color )
}
.btn.btn-light:hover{
	color: var( --white-color );
	background-color: var( --blue-color );
	border-color: var( --blue-color );
}
.btn.btn-light:after{
	content: '';
}
.btn.btn-light	:hover::after{
	content: '';
}
/* Medium Button 	*/
.btn.btn-medium{
	background-color: var( --body-color );
	color: var( --dark-color );
	border-color: var( --body-color );
		text-transform: capitalize;
}
.btn.btn-medium:hover{
	color: var( --grey-dark-color );
	background-color: var( --white-color );
}
.btn.btn-medium.active{
	background-color: var( --display-color );
	color: var( --white-color );
	border-color: var( --display-color )
}
.btn.btn-medium.active:hover{
	color: var( --red-color );
	border-color: var( --red-color )
	background-color: var( --white-color );
}
.btn.btn-medium:hover{
	color: var( --body-color );
	background-color: var( --white-color );
}
.btn.btn-medium:after{
	content: '';
}
.btn.btn-medium	:hover::after{
	content: '';
}
/* Accessibility 								*/
.skipnav {
	text-align: left;
}
.skipnav a {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.skipnav a:focus, .skipnav a:active {
	position: static;
	left: 0;
	width: auto;
	height: auto;
	overflow: visible;
	text-decoration: underline;
}
/* Main Container */
#main{
	background-color: var( --white-color );
	max-width: 1584px;
	min-height: 20vh;
	padding: 15px 185px;
}
/* Header */
.main-header{
	background: url(../images/header-site.jpg ) no-repeat 0 0;
	background-size: cover;
	background-position: bottom;
	height: 400px;
	/* height: 132.51vh; */
	height: 40vh;
	max-width: 1583px;
	margin: 88px auto 0 auto;
	position: relative;
}
	
@-webkit-keyframes header-top{
	0% {
		background-position: 0;
		opacity: .5;
	}
	
	100% {
		opacity: 1;
		background-position: 200;
	}
}
}

@keyframes header-top{
	0% {
		background-position: 0;
		opacity: .5;
	}
	
	100% {
		opacity: 1;
		background-position: 200;
	}
}

.home .main-header{
	height: 481px;
	height: 48.17vh;
	-webkit-animation:header-top 3s ease-in-out;
	animation:header-top 3s ease-in-out;
	/* CITY LIBRE ADD */
	height: 0;
	background-image: none;
}

/* CITY LIBRE ADD */
.home .header-subtitle{ display: none }
.home .carousel.slide{ margin-bottom: 5rem }
.home .carousel.slide .carousel-inner .carousel-item img { filter: none; }
.home .carousel.slide .carousel-caption{ background-color: rgba(0, 0, 0, .35); bottom: 0; padding-top: 0; padding-bottom: 0; }
.home .carousel.slide .carousel-caption h1 { color: #fff }
.home .carousel.slide .carousel-inner .carousel-item { background-color: var( --white-color ); }
.home .carousel.slide .carousel-control-prev-icon {	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }
.home .carousel.slide .carousel-control-next-icon {	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); }

/* CITY SPECIFIC PAGES */
.header-city{ font-family: var(--font-family-display), sans-serif; padding: 2rem }
.header-city img{ width: 200px; }
.text-container { margin-top: 8.5rem; margin-left: 4rem; }
.sub-heading{ color: var(--display-color); text-align: center; padding: 4rem; font-size: x-large; }

/* common */
.ribbon { width: 140px; height: 140px; overflow: hidden; position: absolute;}
.ribbon::before,.ribbon::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid var(--display-color);}
.ribbon span { position: absolute; display: block; width: 220px; padding: 10px 0; background-color:  var(--display-color); box-shadow: 0 5px 10px rgba(0,0,0,.1); color:  var(--white-color);font: 600 14px/1 'Open sans', sans-serif;text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center;}

/* top left*/.ribbon-top-left {top: -5px;left: -5px;}
.ribbon-top-left::before,.ribbon-top-left::after {	border-top-color: transparent;border-left-color: transparent;}
.ribbon-top-left::before {top: 0;right: 0;}
.ribbon-top-left::after {bottom: 0;left: 0;}
.ribbon-top-left span {right: -25px;top: 30px;transform: rotate(-45deg);}
/* top right*/
.ribbon-top-right {top: -10px;right: -10px;}
.ribbon-top-right::before,.ribbon-top-right::after {border-top-color: transparent;border-right-color: transparent;}
.ribbon-top-right::before {top: 0;left: 0;}
.ribbon-top-right::after {bottom: 0;right: 0;}
.ribbon-top-right span {left: -25px;top: 30px;transform: rotate(45deg);}
/* bottom left*/
.ribbon-bottom-left {bottom: -10px;left: -10px;}
.ribbon-bottom-left::before,.ribbon-bottom-left::after {border-bottom-color: transparent;border-left-color: transparent;}
.ribbon-bottom-left::before {bottom: 0;right: 0;}
.ribbon-bottom-left::after {top: 0;left: 0;}
.ribbon-bottom-left span {right: -25px;bottom: 30px;transform: rotate(225deg);}
/* bottom right*/
.ribbon-bottom-right {bottom: -10px;right: -10px;}
.ribbon-bottom-right::before,.ribbon-bottom-right::after {border-bottom-color: transparent;border-right-color: transparent;}
.ribbon-bottom-right::before {bottom: 0;left: 0;}
.ribbon-bottom-right::after {top: 0;right: 0;}
.ribbon-bottom-right span {left: -25px;bottom: 30px;transform: rotate(-225deg);}

/* ----------------------------------------------
 * Generated by Animista on 2020-8-19 16:44:42
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * @animation text-shadow-drop-center
 * ----------------------------------------
 */
@-webkit-keyframes text-shadow-drop-center {
  0% {
	opacity: 0;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
	opacity: 1;
    text-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
  }
}
@keyframes text-shadow-drop-center {
  0% {
	opacity: 0;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
	opacity: 1;
    text-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
  }
}

.main-header .header-subtitle {
	position: absolute;
	top: 6vh;
	left: 11vw;
	width: 15vw;
	color: var( --violet-color );
	font-size: 52px;
	font-size: 5.2rem;
	font-family: var(--font-family-display), sans-serif;
	line-height: 64px;
	line-height: 6.4rem;
	-webkit-animation:  text-shadow-drop-center 0.6s 3s both;
	animation: text-shadow-drop-center 0.6s 3s both;
}

.home .main-header .header-subtitle{
	/* top: 23vh; */
	right: 20vw;
	left: auto;
	width: auto;
	color: var( --white-color );
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 44px;
	line-height: 4.4rem;
	font-family: var(--font-family-light), sans-serif;
}

.btn-demo{
	position: absolute;
	bottom: 0;
	right: 15vw;
}

.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out both;
	        animation: heartbeat 1.5s ease-in-out both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-8-19 17:45:32
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


/* Navbar */
.navbar-main{
	background-color: var(--display-color);
	max-width: 1584px;
	height: 88px;
	margin: 0 auto;
}

.navbar-main .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-main .navbar-toggler {
	border-radius: 0;
}

/* Main Navabar Container */
.navbar-main > .container{
	max-width: 1275px;
}

.navbar-main .navbar-brand{
	margin-left: 1.3rem;
}

.navbar-main .navbar-right .navbar-nav .user-menu .user-image {
	width: 40px;
	border-radius: .25rem;
}

.navbar-main .nav-link{
	color: var( --grey-light-color );
	border-bottom: 1px solid transparent;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: var(--font-family-display), sans-serif;
}

.navbar-main .nav-link:hover{
	color: var( --white-color );
	border-color: var( --white-color );
}
/* Menu */
.navbar-menu{
	justify-content: space-around;
}

.navbar-menu .nav-item{
	padding: 0 1.5rem;
}

/* User Account Menu 	*/
.navbar-main .navbar-account .nav-link,
.navbar-main .navbar-account .nav-link small,
.navbar-main .navbar-account .nav-link span {
	font-family: var(--font-family-light), sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
}

/* Search */
#site-search{
	position: fixed;
	top: -80px;
	width: 30%;
	right: 7%;
	z-index: 999;
}

#site-search .btn.btn-default:hover{
	background-color: var( --blue-color );
	border-color: var( --blue-color );
}

#site-search .btn.btn-default:hover svg{
	background-color: var( --blue-color );
}

/* Breadcrumb */
#main-breadcrumb > .container{
	background: var( --white-color );
	max-width: 1583px;
	padding: 5px 0;
	position: relative;
}
.breadcrumb {
	background-color: var( --white-color );
	border-radius: 0;
	padding:0;
	margin: 0;
	margin-left: 185px;
}

.breadcrumb li,
.breadcrumb li a{
	font-family: var(--font-family-light), sans-serif;
}

.breadcrumb li{
	font-family: var(--font-family-display), sans-serif;
	color: var( --blue-color );
}

/* Footer */
#main-footer > .container{
	background: var( --white-color );
	max-width: 1583px;
	padding: 85px 185px;
	position: relative;
}

#main-footer > .container > .row > .col{
	padding: 45px 0;
	border-top: 1px solid var( --grey-medium-color );
	border-bottom: 1px solid var( --grey-medium-color )
}

#main-footer > .container::after{
	content: url( ../images/logo-footer.png );
	position: absolute;
	left: 165px;
	bottom: 15px;
}

#main-footer .nav-link{
	font-size: 20px;
	font-size: 2rem;
	font-family: var(--font-family-light), sans-serif;
	color: var( --blue-color );
	padding: 1rem 0;
}

/* ************************	*/
/*  Contents 			  	*/
/* ************************ */
/* Home Page rows 			*/

.home #main .row:first-child{
	padding: 2rem 15px;
}
.home #main .bg-colored{
	margin: 0 -18.5rem;
	padding: 8rem 18.5rem;
}
.nav-childpages {
	border-bottom: 1px solid var( --grey-medium-color );
	position: relative;
	top:0;
	left: 0;
	width: 100%;
	margin-bottom: 2rem;
	
}
.nav-childpages .nav-item{
	border-bottom: 4px solid transparent
}
.nav-childpages .nav-item .nav-link{
	color: var( --display-color )
}
.nav-childpages .nav-item.active .nav-link{
	font-weight: 700;
}
.nav-childpages .nav-item.active, .nav-childpages .nav-item:hover{
	content: '';
	border-bottom: 4px solid var( --display-color )
}

/* Navigation */
.page-link {
	padding: .5rem .75rem;
	color: var( --display-color );
	background-color: var( --white-color );
	border-color: var( --white-color );
}
.page-item.active .page-link {
	color: var( --white-color );
	background-color:  var( --display-color );
	border-color: var( --display-color );
}
.page-link:hover {
	color: var( --display-color );
	background-color: var( --white-color );
	border-color: var( --display-color );
}
.page-link:focus {
	z-index: 3;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
.page-item.disabled .page-link {
	color: var( --grey-medium-color );
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #fff;
}
/* Extends					*/
#extend-page {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 70px;
	background-color: #fff;
	border: 1px solid var( --grey-medium-color );
	border-left-color: var( --body-color );
}

#extend-page > header {
	color: #fff;
	background-color: var( --violet-color );
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}

#extend-page .extend-content{
	/* height: 25vh; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
	margin-top: 40px;
}

.home > #extend-page{
	display: none;
}

#extend-page .fab{
	color: var( --violet-color );
	font-size: 1.2em;
}

#extend-page .fab:hover{
	cursor: pointer;
}

/* ********************** */
/*  Components 			  */
/* ********************** */
/* Photo */
.photo{
	display: flex;
	justify-content: flex-start;
}
/* Verbatim 	*/
.verbatim{
	padding: 45px 0;
	border-top: 1px solid var( --grey-medium-color );
	border-bottom: 1px solid var( --grey-medium-color );
}
.verbatim h2{
	font-family: var(--font-family-display), sans-serif;
	/* font-weight: 600; */
}
.verbatim p{
	margin: 0
}
.verbatim p .btn{
	padding: 2rem 2rem 0 2rem
}
/* Jumbotron 	*/
.jumbotron{
	background-color: var( --white-color );
}
.bg-colored .jumbotron, .jumbotron.bg-colored{
	background-color: var( --grey-light-color );
}
.jumbotron .btn{
	margin-left: 0;
	padding-left: 0;
}
/* Carousel 	*/
.carousel-caption h2,  .carousel-caption p{
	color: var( --white-color );
}
.carousel-caption p{
	font-family: var(--font-family-light), sans-serif;
	font-weight: 400;
	font-size: 3rem;
	margin-top: 20px;
	margin-bottom: 20px;
}
.carousel-caption .btn{
	font-size: 1.5rem;
	padding: 2rem;
}
.carousel-indicators {
	bottom: -60px
}
.carousel-indicators li {
	width: 7px;
	height: 7px;
	margin-left: 7px;
	margin-right: 7px;
	background-color: var( --dark-color );
	border-radius: 50%;
}
.carousel-inner .carousel-item{
	background-color: var( --grey-color );
}
.carousel-inner .carousel-item img{
	filter: contrast(50%);
}
/* Accordion 	*/
.accordion .card .card-header h2{
	text-align: left;
	position: relative;
	width: 100%;
}
.accordion .card .card-header h2:after{
	content: url( data:image/svg+xml,%3Csvg%20class%3D%22bi%20bi-plus%22%20width%3D%222em%22%20height%3D%222em%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%203.5a.5.5%200%2001.5.5v4a.5.5%200%2001-.5.5H4a.5.5%200%20010-1h3.5V4a.5.5%200%2001.5-.5z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.5%208a.5.5%200%2001.5-.5h4a.5.5%200%20010%201H8.5V12a.5.5%200%2001-1%200V8z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E );
	position: absolute;
	right: 0;
	top: calc( 50% - 20px );
	z-index: 0;
}
.accordion .card .card-header.show h2:after{
	content: url( data:image/svg+xml,%3Csvg%20class%3D%22bi%20bi-x%22%20width%3D%222em%22%20height%3D%222em%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.854%204.146a.5.5%200%20010%20.708l-7%207a.5.5%200%2001-.708-.708l7-7a.5.5%200%2001.708%200z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4.146%204.146a.5.5%200%20000%20.708l7%207a.5.5%200%2000.708-.708l-7-7a.5.5%200%2000-.708%200z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E);
}
.accordion .card .card-header h2 .btn-accordion{
	color: var( --grey-dark-color );
	width: 100%;
	padding: 3rem 0;
	text-align: left;
	position: relative;
	z-index: 1;
}
.accordion .card .card-header h2 .btn.btn-link::after{
	content: '';
}
.accordion .card .card-body{
	padding: 2rem;
	border-left: 1px solid var( --grey-medium-color );
	border-right: 1px solid var( --grey-medium-color );
	text-align: left;
}
.accordion .card:last-child .card-body{
	border-bottom: 1px solid var( --grey-medium-color );
}
/* Cards 		*/
.feature-group, .card, .card-body, .card-footer {
	padding: 0;
	background-color: #fff;
	border: 0;
	text-align: center;
}
.feature-group{
	padding: 2rem 1.25rem;
}
.feature-group .card:not(:first-child){
	border-left: 1px solid var( --grey-color );
}
.feature-group .card-body .card-text{
	padding: 1.25rem;
}
.feature-group .card-footer .btn{
	padding-bottom: 0;
}
/* Portlet */
.portlet .portlet-content{
	 padding: 30px;
}
#main .portlet.bg-colored{
	margin: 0;
	padding: 0;
}
/* News Portlet */
.news header {
	position: relative;
	background: none;
	margin: 0;
	height: 80px;
	z-index: 0;
}
.news header h1 {
    color: var( --white-color );
    font-size: 2em;
    margin: 0; 
}
.news nav {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}
.news nav .nav-pills li {
    background-color: var( --display-color );
    border-color: var( --display-color );
    margin-left: 5px;
    margin-bottom: 5px;
	padding: 5px;
}
.news nav .nav-pills li a {
	color: var( --white-color );
	padding: 15px;
	width: 100%;
	height: 100%;
}
.news nav .nav-pills li a:hover {
	text-decoration: none;
}
.news nav .nav-pills li.active, 
.news nav .nav-pills li:hover{
	background-color: var( --blue-color );
	border-color: var( --blue-color );
}
 .grid-list {
	 margin-top: 15px;
	 padding: 0;
	list-style: none;
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(auto-fill,minmax(30%, 1fr));
 }
 .grid-list .item-list{
	position: relative;
	border: 1px solid var( --display-color );
	display: flex;
	flex-direction: column;
}
.grid-list .item-list figure {
	margin:0 auto;
	height: 30vh;
}
.grid-list .item-list figure img {
	height: 100%;
	object-fit: contain;
	
}
.grid-list .item-list .item-body {
	padding: 15px;
	border-top: 1px solid var( --display-color );
}
.grid-list .item-list .item-body .tags {
	top: 0;
	right: 0;
	margin: 0 5px;
    position: absolute;
}
/*** 										***/
/*** Forms									***/
/***  										***/
/* BS4 - Override								 */
.form-control, .form-control::placeholder,
.form-group .form-text,
.form-row .form-text, .custom-select{
	font-family: 'Montserrat', sans-serif;
}
.form-group{
	padding: 0.8rem 0
}
.form-group label, .form-row label, .form-group .form-text, .form-group legend {
	font-family: var( --font-family-body ), sans-serif;
	font-weight: 400;
	font-size: 2rem;
}
.form-group label > abbr, .form-row label > abbr{
	text-decoration: none;
}
.form-group .form-text, .form-row .form-text{
	font-size: 1.3rem;
	margin-top: 0.8rem;
}
.form-group .form-text.text-muted, .form-row .form-text.text-muted{
	font-family: var( --font-family-body ), sans-serif;
	font-weight: 400;
}
.form-control {
	height: 4.8rem;
	font-size: 1.3rem;
	line-height: 2.5rem;;
	background-color : var( --white-color );
	background-color: #FFF;
	border: 1px solid #C3C3C3;
	border-radius: 0;
	color: #071F32
}
.form-control::placeholder {
	color: #9C9C9C;
	font-style: italic;
}
.custom-select:focus, .form-control:focus {
	box-shadow: none;
	border-color: #354BCF;
	border-Width: 2px ;
}
/*** 										***/
/*** Custom Select							***/
/***  										***/
.custom-select {
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 -6 32 45'%3e%3cpath fill='%23354BCF' d='M16 16.172l4.586-4.586 2.828 2.828L16 21.828l-7.414-7.414 2.828-2.828z'/%3e%3c/svg%3e") no-repeat right center;
}
.custom-select:disabled {
  color: #495057;
}
.custom-select:hover, .custom-select > option:hover  {
  cursor: pointer;
}
.custom-select option,
.custom-select optgroup {
  padding: 2rem 0;
}
.custom-select optgroup, .custom-select > option:hover, .custom-select > option:active, .custom-select > option:focus, .custom-select > option:focus-within, .custom-select > option:checked {
  background-color: #F0F0F0;
}
.custom-select label{
	background: transparent
}
/*** 										***/
/*** Input Groups							***/
/***  										***/
.input-group > .form-control-alternate {
	padding-top: 5px;
	padding-bottom: 5px;
}
.input-group-append .btn{
	padding: 0 1rem;
}
.input-group-append .input-group-text {
	color: #071F32;
	background-color: #FFF;
	border: 1px solid #C3C3C3;
	border: 0;
	border-radius: 0;
	position: absolute;
	right: 0.5rem;
	top: 1rem;
	z-index: 90;
	font-size: 1.6rem;
	font-family: var( --font-family-body ), sans-serif;
	font-weight: 500;
}
.custom-control-input ~ .custom-control-label::before {
	border-color: #071F32;
	background-color: transparent;
	color : var( --white-color );
	color: #FFF;
	font-size: 1.5rem;
}
.custom-control-input:checked ~ .custom-control-label::before {
	border-color: #354BCF;
	background-color: #354BCF;
}
.custom-control-input:hover ~ .custom-control-label::before {
	border-color: #1A1A1A;
	border-width: 2px;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	color : var( --white-color );
	color: #FFF;
	background-color: #071F32;
	border-color: #071F32;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #071F32;
}
.custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: none;
}
/*** 													***/
/*** Radio Button + Checkbox	***/
/***  												***/
.custom-checkbox .custom-control-input ~ .custom-control-label,
.custom-radio .custom-control-input ~ .custom-control-label,
.custom-checkbox .custom-control-input ~ .custom-control-label > a{
	font-family: "Montserrat Medium", sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
}
.custom-checkbox:focus-within, .custom-radio:focus-within{
	color: #354BCF;
}
.custom-checkbox .custom-control-input ~ .custom-control-label:hover,
.custom-radio .custom-control-input ~ .custom-control-label:hover{
	color: #354BCF;
	cursor: pointer;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label,
.custom-radio .custom-control-input:checked ~ .custom-control-label{
	color: #354BCF;
}
.custom-radio, .custom-checkbox {
	min-height: 1.6rem;
	touch-action: manipulation;
}
.custom-checkbox .custom-control-label, .custom-radio .custom-control-label {
	padding-left: 0.5rem;
	padding-top: 0.25rem;
}
.custom-checkbox .custom-control-input ~ .custom-control-label::before {
 	border-radius: 0;
}
.custom-control-label::before, .custom-control-label::after {
	width: 1.5rem;
	height: 1.5rem;
	top: .30rem;
}
.custom-file.fileinput-button .custom-file-label::after {
	color: #FFF;
	background-color: #E22C3f;
	border-color: #E22C3f;
}
/*** custom-file error  				  **/
.custom-file ~ .progress ~ .invalid-feedback{
	display: block;
}
/*** 										***/
/*** File Input								***/
/***  										***/
.file-input{
	margin-top: 1rem;
	width: 100%;
	height: 100%;
	padding: 2rem;
	background-color: #f3f5fc;
	border: 2px dashed #354BCF;
	border-radius: 1rem;
	text-align: center;
}
.formsAsynchronousUploadHandler{
	width: 100%;
	height: 100%;
}
.file-input.fileinput-button .btn {
	font-size: 1.6rem;
	font-weight: 600;
	padding: 0 0 0.3rem;
}
.file-input.fileinput-button p{
	font-size: 1.6rem;
	font-weight: 500;
}
.file-input .paris-icon-upload {
	background-color: #354BCF;
	border-radius: 50%;
	width: 52px;
	width: 5.2rem;
	height: 52px;
	height: 5.2rem;
	padding-left: 4px;
	padding-top: 3px;
}
/* One file max skin	*/
.group-files.one-file {
	display: flex;
	justify-content: space-between;
}
.group-files.one-file .file-input{
	flex-basis: 50%;
	flex-shrink: 0;
}
/* Two columns 			*/
.group-files .files-item{
	flex-basis: 100%;
}
.group-files .file-input.fileinput-button{
	margin-right: 20px;
	margin-right: 2rem;
}
/* Uploaded files */
.files-group{
	display: flex;
	flex-wrap: wrap;
	padding-left: 0
}
.files-item{
	flex-basis:50%;
	position: relative;
}
.files-item input[type="checkbox"]{
	position: absolute;
	left: -9999999px
}
.files-item input[type="checkbox"]:checked + .files-item-link{
	font-weight: bold;
}
.files-item-label{
	border-bottom: 1px solid #DDD;
	margin-bottom: 12px;
	margin-bottom: 1.2rem
}
.files-item-link {
	padding: 1rem;
	text-transform: lowercase;
	background: url(../images/files.png ) no-repeat;
	text-overflow: clip;
	display: inline-block;
	width: 300px;
	width: 30rem;
}
.files-item-link::before {
	content: attr(data-type);
	color: #000;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	text-transform: uppercase;
	position: absolute;
	top: 12px;
	top: 1.2rem;
	left: 2px;
	left: 0.2rem;
	width: 32px;
	width: 3.2rem;
	white-space: nowrap;
	overflow: hidden;
}
.files-item-link span {
	padding-left: 5rem;
	text-overflow: clip;
	display: inline-block;
	position: relative;
	top: -10px;
	top: -1rem;
}
.files-item-label small {
	padding-left: 60px;
	padding-left: 6rem;
	color: #767676;
	position: relative;
	top: -20px;
	top: -2rem;
	font-weight: 500;
	font-size: 1.1rem;
}
/*** Check no input 						***/
.form-check-noinput{
	position: absolute;
	left: -99999px;
}
.file-input input[type="file"]{
	padding: 0;
}
/*** 										***/
/*** Switch									***/
/***  										***/
.switch {
  font-size: 1rem;
  position: relative;
}
.switch input {
  position: absolute;
  height: 1px;
  width: 1px;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0;
}
.switch input + label {
  position: relative;
  min-width: calc(calc(2.375rem * .8) * 2);
  border-radius: calc(2.375rem * .8);
  height: calc(2.375rem * .8);
  line-height: calc(2.375rem * .8);
  display: inline-block;
  cursor: pointer;
  outline: none;
  user-select: none;
  vertical-align: middle;
  text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
}
.switch input + label::before,
.switch input + label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(calc(2.375rem * .8) * 2);
  bottom: 0;
  display: block;
}
.switch input + label::before {
  right: 0;
  background-color: #071F32;
  border-radius: calc(2.375rem * .8);
  transition: 0.2s all;
}
.switch input + label::after {
  top: 2px;
  left: 2px;
  width: calc(calc(2.375rem * .8) - calc(2px * 2));
  height: calc(calc(2.375rem * .8) - calc(2px * 2));
  border-radius: 50%;
  background-color: white;
  transition: 0.2s all;
}
.switch input:checked + label::before {
  background-color: #248619;
}
.switch input:checked + label::after {
  margin-left: calc(2.375rem * .8);
}
.switch input:focus + label::before {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
}
.switch input:disabled + label {
  color: #868E96;
  cursor: not-allowed;
}
.switch input:disabled + label::before {
  background-color: #E9ECEF;
}
.switch.switch-sm {
  font-size: 0.875rem;
}
.switch.switch-sm input + label {
  min-width: calc(calc(1.9375rem * .8) * 2);
  height: calc(1.9375rem * .8);
  line-height: calc(1.9375rem * .8);
  text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
}
.switch.switch-sm input + label::before {
  width: calc(calc(1.9375rem * .8) * 2);
}
.switch.switch-sm input + label::after {
  width: calc(calc(1.9375rem * .8) - calc(2px * 2));
  height: calc(calc(1.9375rem * .8) - calc(2px * 2));
}
.switch.switch-sm input:checked + label::after {
  margin-left: calc(1.9375rem * .8);
}
.switch.switch-lg {
  font-size: 1.25rem;
}
.switch.switch-lg input + label {
  min-width: calc(calc(3rem * .8) * 2);
  height: calc(3rem * .8);
  line-height: calc(3rem * .8);
  text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
}
.switch.switch-lg input + label::before {
  width: calc(calc(3rem * .8) * 2);
}
.switch.switch-lg input + label::after {
  width: calc(calc(3rem * .8) - calc(2px * 2));
  height: calc(calc(3rem * .8) - calc(2px * 2));
}
.switch.switch-lg input:checked + label::after {
  margin-left: calc(3rem * .8);
}
.switch + .switch {margin-left: 1rem;}
/*** 			***/
/*** Open Street Map Geolocation			***/
/***  			***/
.col-osm{height: 300px;}
.openstreetmap-readonly .col-osm{height: 150px;margin-top: 15px}
.col.col-osm.osm-map{margin-left: 5px;}
.col.col-osm.list-group{overflow: auto;}
.col.col-osm.list-group:empty{width: 0;flex-basis: 100%;height: 0;}
.col.col-osm.list-group .list-group-item:hover{cursor: pointer;background-color: var( --white-strong-color );}
.col.col-osm.list-group .list-group-item.active{background-color: var( --main-info-color);border-color: var( --main-info-color);}
.btn-osm{position: absolute;top: 30px;right: 30px;}
.openstreetmap{position: relative;}
.openstreetmap::after{content: url( data:image/svg+xml,%3Csvg%20class%3D%22bi%20bi-search%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10.442%2010.442a1%201%200%20011.415%200l3.85%203.85a1%201%200%2001-1.414%201.415l-3.85-3.85a1%201%200%20010-1.415z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.5%2012a5.5%205.5%200%20100-11%205.5%205.5%200%20000%2011zM13%206.5a6.5%206.5%200%2011-13%200%206.5%206.5%200%200113%200z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E);position: absolute;top: 45px;left: 10px;}
.openstreetmap .form-geoloc{
	width: 87.5%;
	padding-left: 30px;
	background: transparent !important;
}
/* Suggest  */
.suggest-list .card-suggest a{ text-align: left !important;}
.suggest-list .nav-link, .suggest-list .btn-medium{font-family: var(--font-family-light), sans-serif;}
.suggest-list .btn.btn-medium:hover{color: var( --display-color )}
.suggest-list .breadcrumb{ margin: 0 }
.suggest-list .btn.btn-medium.active:hover{color: var( --red-color )}
.suggest-list-aside li{margin-bottom: 5px;}
.suggest-list-aside li a{font-family: var(--font-family-light), sans-serif;margin-bottom: 5px;}
.suggest-avatar{background-color: var( --display-color );width: 48px;height: 48px;border-radius: 50%;border: 1px solid var( --display-color );margin-right: 3rem}
/* Wiki */
.w-10 {width: 10% !important;}
.w-20 {width: 20% !important;}
.w-30 {width: 30% !important;}
.table-fixed tbody {height: 400px;overflow-y: auto;width: 100%;}
.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
display: block;
}
.table-fixed tr:after {
content: "";
display: block;
visibility: hidden;
clear: both;
}
.table-fixed tbody td,.table-fixed thead > tr > th {float: left;}
 /* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
	#main{min-height: 50vh;padding: 15px 45px;}
	.main-header{height: 50px;margin: auto;}
	.navbar-main {height: auto;}
	.navbar-menu .nav-item {padding-top: 1rem;}
	.navbar-main .navbar-collapse.collapse.show{display: flex;flex-direction: row;align-items: baseline;justify-content: space-between;}
	.navbar-main .navbar-account .nav-link,.navbar-main .navbar-account .nav-link small,.navbar-main .navbar-account .nav-link span {font-size: 15px;font-size: 1.5rem;font-family: var(--font-family-display), sans-serif;padding-left: 0.75rem;}
	.navbar-main > .container .navbar-brand{margin-left: 0;}
	.home .main-header .header-subtitle {top: 15vh;}
	.home .main-header{height: 52px}
	.breadcrumb {margin-left: 25px;}
	.col-title h1 {font-size: 32px;font-size: 3.2rem;line-height: 48px;line-height: 4.8rem;}
	#main-footer > .container{padding: 85px 35px;}
	#main-footer > .container::after{left: 15px;}
	#extend-page {bottom: 1vh;}
	.home #main .row:first-child{padding: 15px;}
	.home #main .bg-colored{margin: 0;padding: 15px;}
	.text-container {margin-top: 5rem; margin-left: 2rem;}
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px){
	.main-header .header-subtitle {font-size: 48px;font-size: 4.8rem;line-height: 58px;line-height: 5.8rem;width: 90%;top: 10vh;left: 2vw;}
	.home .main-header .header-subtitle {top: 15vh;right: 5vw;}
	.btn {padding: 1.5rem 1rem;}
	.btn-demo {right: 5vw;}
	.text-container {margin-top: 5rem; margin-left: 2rem;}
	#extend-page {height: initial;background: transparent;border: 0;left: -20px;bottom: .5vh;}
	#extend-page > header {display: none}
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	h1 {font-size: 38px;font-size: 3.82rem;line-height: 48px;line-height: 4.8rem;}
	p, ul, ol, li, a {font-size: 18px;font-size: 1.8rem;line-height: 26px;line-height: 2.6rem;}
	blockquote {padding: 2rem 4rem;}
	blockquote::before {top: 2.2rem;left: 0;}
	blockquote p {margin-left: 3rem;}
	#main{padding: 15px 25px;}
	#main-footer h3{font-size: 15px;font-size: 1.5rem;line-height: 2.4rem}
	#main-footer .nav-link {font-size: 15px;font-size: 1.5rem;padding: 1rem 0;}
	.portlet .portlet-content {padding: 0}
	.text-container {margin-top: 2rem; margin-left: 0;}
	.grid-list {display: block;}
	.grid-list .item-list {margin-top: 15px;}
}