html,
body {
    height: 100%;
}

body {
    display: flex;
    flex-flow: column;
    background: #F7F6F5;
    font-family: 'Barlow', sans-serif;
    font-weight:400;
    font-size:20px;
    color:#283971;
}

body > section {
    padding-top:80px;
    padding-bottom:80px;
    position:relative;
}

body > .yellow {
    background:#FDE872;
}

body > .blue {
    /*background:#82CCD9;*/
	background:#96d4df;
}

body > .orange {
    /*background:#FDB272;*/
	background:#fdc18b;
}

body > .white {
    background:#FFFFFF;
}

body > .green {
    /*background:#B1CC8B;*/
	background:#bcd39c;
}

body > .purple {
    /*background:#DDDBF0;*/
	background:#ccc9e8;
}

body > .red {
    background:#f7a3a3;
}


footer {
    margin-top:auto;
    background: #ffffff;
    font-size: 15px;
    color: #343434;
}

footer > .container {
	padding-top:20px;
	padding-bottom:20px;
}

footer .deep {
	background:#283971;
	color: #ffffff;
	font-size: 13px;
	padding: 20px 0;
}

footer .deep a {
	color:#ffffff;
	font-weight:700;
}

img {
    max-width:100%;
}

h1 {
    font-size:30px;
}

h2 {
    font-size:20px;
    font-weight:700;
}  

h1, h2, h3, h4, h5, h6,
strong, b {    
    font-weight: 700;
}

.sidebar {
	color:#ffffff;
	height: 100%;
	position: fixed;
	z-index: 2;
	top: 0;
	right: 0;
	padding: 50px 15px;
	transition: 0.5s;
	transform: translateX(100%);
	background: rgba(52, 52, 52, 0.85);
	min-width: 350px;
	text-align: right;
}

html.cms-toolbar-expanded .sidebar {
    margin-top:46px;
}

body.sidebar-open .sidebar {
    transform: translateX(0);
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.15);
    overflow-y: scroll;
}

body.sidebar-open {
    overflow-y: hidden;
    padding-right: 15px;
}

.togglebtn {
    position:absolute;
    left: -15px;
    top: 50px;
    transform: translateX(-100%);
}

.sidebartoggle > svg {
    vertical-align: baseline;
}

.sidebartoggle {
    background:transparent;
    border: none;
    padding: 0;
    transition:opacity ease-out .25s;
    margin-bottom: 50px;
    height: 30px;
}

.sidebartoggle:focus {
    outline:0;
}

.sidebartoggle.fade {
  opacity:0;  
}

.logo-wrapper {
	padding: 20px 0 25px;
}

.navbar {
	padding: 0 15px;
	background:#ffffff;
	box-shadow: 0 0 8px 1px rgba(0,0,0,0.160);
	z-index:1;
}

nav ul {
	padding:0;
}

nav ul li {
	list-style-type:none;
	font-size:30px;
	font-weight:700;
	text-transform:uppercase;
	text-align: right;
	margin-bottom: 20px;
	letter-spacing: 0.26px;
}

nav ul li a,
nav ul li a:hover,
nav ul li a:focus {
	color:#ffffff;	
}

nav ul li a:not(.btn):hover,
nav ul li a:not(.btn):focus,
nav ul li.selected a {
	color:#ffffff;
	border-bottom: 3px solid #ffffff;
    text-decoration: none;
    padding-bottom: 3px;
}

nav ul li .btn {
	background:#ffffff;
	font-weight: 900;
	border-radius: 30px;
	padding: 7px 25px;
	font-size: 27px;
	border: none;
	color: #343434;
	display: inline-flex;
}

nav ul li .btn img {
	margin-right: 15px;
}

nav ul .languages .divider {
	margin:0 20px;
}

.navbar .quick-navi {
    margin-right: 55px;
}

.navbar .quick-navi > ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.navbar .quick-navi a {
	font-size: 18px;
	font-weight: 600;
	color: #283971;
	margin: 0 30px;
}

.navbar .quick-navi .languages a {
	margin:0 10px;
}

.navbar .quick-navi a span {
	padding:0 10px;
	border-right:1px solid #283971;
	border-left:1px solid #283971;
}

.navbar .quick-navi a span:first-child {
	border-left:none;
}

.navbar .quick-navi a span:last-child {
	border-right:none;
}

img.logo {
	height:85px;
}

.btn:hover {
	background:#ffffff;
	color: #283971;
}

.btn {
    font-size:18px;
    font-weight:600;
    border:2px solid #283971;
    border-radius:20px;
    padding: 6px 20px;
    color: #283971;
}

.btn + .btn {
    margin-left:10px;
}

.relative {
	position:relative;
}

img.obj-fit {
    max-height: 100%;
}

aside img {
	margin-bottom:35px;
}

aside p:first-of-type {
	margin-bottom:70px;
}

aside p:first-of-type:before {
	content: '\0201E';
	position:absolute;
	font-size:60px;
	font-weight:900;
	transform: translateY(50%);
	height: 70px;
}

.social a {
    margin-left:15px;
}

.social a:first-child {
    margin:0;
}

.contact .form-control {
	border:1px solid #283971;
	border-radius:15px;
	padding: 12px 15px;
	height: auto;
}

.cc-btn {
	background-color: #F7F6F5 !important;
}

.cc-btn:hover {
	color:#283971 !important;
}


@media (max-width: 569px) {
	.cc-message {
		margin:15px;
	}
	
	footer .deep .row > div {
		text-align: center !important;
	}
}

@media (min-width: 570px) {
	.navbar {
		padding: 0 70px;	
	}
	
	.togglebtn {    
	    left: -70px;    
	}
	
	.sidebar {
		padding: 50px 70px;
	}
	
	.bottom-fluid {
		margin-bottom: -80px;
	}
	
	.left-fluid {
		position:absolute;
		left: 0;
		padding: 0;
	}

	.right-fluid {
		position:absolute;
		right: 0;
		padding: 0;
	}
}