﻿/*AEOLOS*/


/*  ------------------- TEMPLATE BASIC STYLES ----------------------------  */
html,
body { height: 100%; margin: 0; padding: 0; }
body { font-size: 100%; font-family: 'Raleway', sans-serif; color: #333; background-color: #ffffff; }
h5 { font-size: 1em; color: #005680; }
h6 { font-size: 0.9em; color: #2BB5B6; }
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select { margin: 0 0 0 0; }
.row.FullWidth { max-width: 80rem; }

/* ------ HEADER --------- */
.MainMenu ul { margin: 0; list-style-type: none; display: table; margin: auto; }
.MainMenu h1 { color: #333; font-weight: bold; font-family: 'Quicksand', sans-serif; font-size: 1rem; text-transform: uppercase; }
.ResponsiveMenu { position: absolute; top: 10px; left: 10px; font-family: 'Roboto', sans-serif; }
.menu-icon:after { content: ''; position: absolute; display: block; width: 100%; height: 3px; background: #0069A0; top: 0; left: 0; box-shadow: 0 7px 0 #0069A0, 0 14px 0 #0069A0; }
.HeaderContent { position: relative; z-index: 999; }
.page1 .HeaderContent { position: absolute; z-index: 999; display: table; width: 100%; }
.logo { float: left; padding: 32px 0 33px 28px; }
.main-menu-control.mainMenuSection { float: left; }
.info h5 { text-align: left; position: absolute; line-height: 1; font-size: 2.5rem; color: #104456; transform: translate(-50%, -50%); top: 50%; left: 45%; font-family: 'Montserrat', sans-serif; font-weight: bold; }
.mc7.row.services { padding: 80px 0; }
.services .services-container { display: table; width: 100%; text-align: center; }
.services2 .services-container { display: table; width: 100%; text-align: center; }
.services .service { margin: 12px 0; display: inline-block; float: none !important; text-align: center; }
.services2 .service2 { margin: 12px 0; display: inline-block; float: none !important; width: 33%; text-align: left; padding: 40px 110px 0 0; }
.slick-slider { margin-bottom: 0 !important; }
.slick-slider .slick-list.draggable { height: auto !important; }
.slick-slider .item h5 { text-align: left; position: absolute; line-height: 1; font-size: 2.5rem; color: #104456; transform: translate(-50%, -50%); top: 50%; left: 45%; font-family: 'Montserrat', sans-serif; font-weight: bold; }
.buyline-contact { text-align: center; margin-top: 0; padding-bottom: 50px !important; font-size: 28px; font-weight: 200; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; color: #555; }
.mc39 { padding-bottom: 70px; }
.mc28.row.center { padding-bottom: 70px; }
.mc27.row.center { padding-top: 60px; }
.slick-dots { display: none !important; }
.services .news-text { text-align: center; font-weight: bold; text-transform: uppercase; }
.services .NewsImage { position: relative; padding: 5%; overflow: hidden; }
.services .NewsImage img { max-width: 50%; }
.mc8.row.columns { text-align: center; margin-top: 80px; }
.sector-title,
.home-left-title { color: #333333; font-weight: bold; font-size: 2rem; text-transform: uppercase; padding-bottom: 50px; }
.sector-title hr,
.home-left-title hr { margin: 10px auto; border-bottom: 5px solid #0891CE; float: left; }
.sector-info { border-left: 1px solid; }
.mc8 hr { float: none; }
.mc8 .home-left-text-full.list-article-viewer-control { width: 55%; margin: auto; padding-top: 30px; line-height: 2; }
.header-supertitle { font-size: 1.2rem; font-weight: 400; padding: 10px 0; line-height: 1.2; }
.header-subtitle { font-size: 1.8rem; padding: 10px 0; clear: both; font-weight: 400; line-height: 1.2; }
.header-body { font-size: 1.2rem; line-height: 1.4; padding: 10px 0; font-weight: 400; }
.caption { text-align: left; position: absolute; z-index: 1; bottom: 0px; line-height: 1; font-size: 2.5rem; /* text-transform: uppercase; padding: 0 0 120px 0;*/ width: 50%; left: 120px; background-color: rgba(162, 19, 99, 0); transform: translate(-50%, -50%); top: 50%; left: 50%; }
.log-in-form { margin-top: 140px; }
.PageLoader { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: block; background-color: #fffdff; z-index: 10000; background-image: url(/Templates/00001/data/Aeolos-loader.gif); background-position: 50% 50%; background-repeat: no-repeat; }
.button.hollow { border: 1px solid #0891CE; color: #0891CE; }
.button.hollow:focus,
.button.hollow:hover { border-color: #0891CE; color: #fff; background-color: #0891CE; }
.hollow.button.white,
.hollow.button.white:focus,
.hollow.button.white:hover { color: #fff; border: 1px solid #fff; text-align: left; }
.mc9 .home-left-title hr { margin: 10px auto; border-bottom: 5px solid #0891CE; float: left; }
.accordion-navigation>a:before { content: "+"; margin-left: 0; padding-right: 10px; }
.accordion-title { color: #222; font-weight: 100; font-size: 1.8rem; font-family: 'Source Sans Pro', sans-serif; }
.accordion .accordion-navigation>a,
.accordion dd>a { border-bottom: 1px solid #fff; color: #222;    /* text-transform: uppercase; */ font-weight: 100; font-size: 1.8rem; font-family: 'Source Sans Pro', sans-serif; display: none; }
.accordion-navigation>a:before { content: "+"; margin-left: 0; padding-right: 10px; }
.accordion-navigation.active>a:before { content: "-"; margin-left: 0; padding-right: 10px; }
.mc41 { padding-bottom: 60px; }


/* ------ TESTIMONIALS --------- */
.Testimonials .module-title { color: #333; font-weight: bold; font-size: 2rem; text-transform: uppercase; text-align: center; }
.Testimonials .module-title:after { border-bottom: 5px solid #0891ce; content: ""; width: 5%; display: table; margin: 10px auto; margin-bottom: 60px; }
.quote { margin-bottom: 20px; }
.quote:after { content: ''; height: 0px; border-style: solid; border-width: 20px 18px 0 18px; border-color: #f1f1f1 transparent transparent transparent; position: relative; top: 44px; width: 5%; display: table; margin: inherit; display: none; }
/*.student { margin-bottom: 80px; float: left; font-style: italic; }*/

.Testimonials .slick-prev,
.Testimonials .slick-next { display: none !important; }
.student p { position: relative; top: 5px; text-transform: uppercase; text-align: center; }
.student p:nth-child(2) { font-size: 16px; font-weight: 600; margin-bottom: 0; }
.student p:nth-child(3) { font-size: 14px; color: #777; }
.student .photo { background-color: #ccc; border-radius: 100px; width: 60px; height: 60px; position: relative; margin: 0 auto; text-align: center !important; margin-bottom: 20px; }
.photo img { border-radius: 50%; margin-top: 40px; border: 2px solid #b6babb; }
.Testimonials { padding: 30px 0 60px 0; }
.Testimonials .slick-dots { bottom: 0; /* float: left; */ text-align: left; margin-left: 0; }
.mc19 .center-text { display: none; }
.page1 .mc11 { display: none; }
.all-footer { color: #fff; font-size: 0.875rem; }
.cookiesBannerContainer { background-color: #292c2ddb; color: #fff; font-size: 14px; font-weight: bold; text-align: center; padding: 15px; position: fixed; bottom: 0; width: 100%; box-sizing: border-box; z-index: 9000; }
.form-error { display: block; }
.fotter-menu { border-bottom: 1px solid #234a71; padding: 8px; margin-right: 20px; }
.fotter-menu a { font-size: 0.875rem; }
.all-footer { margin-top: 60px; }
a.button.close-btn { margin: 10px; }
.footer-col-1 { line-height: 2.2; color: #cec6c6; }
.footer-col-3 { line-height: 2.2; color: #cec6c6; }
.footer-col-4 { line-height: 2.2; color: #cec6c6; }
.mc43 .column:last-child:not(:first-child),
.columns:last-child:not(:first-child) { float: left; }
.mc43 { padding-bottom: 60px; }

/* ------ END TESTIMONIALS --------- */

.Footer { background-color: #152F48; }
.copyright { color: #fff; margin-bottom: 15px; font-size: 0.75rem; }
.copyright a { color: #fff; margin-bottom: 15px; }
.full-bg { background-color: #2E72D2; color: #fff; padding: 60px 30px; margin-bottom: 100px; }
.title-border { font-size: 2rem; font-weight: bold; border-left: 6px solid #0891CE; padding-left: 10px; width: 250px; line-height: 1; }
.home-left-text { float: right; padding-right: 200px; padding-top: 40px; }
.left-home-text { width: 50%; /*column-count: 2;*/ }
.mc12 .home-left-title hr { margin: 10px auto; border-bottom: 5px solid #0891CE; float: none; }
.header-all { text-align: left; position: absolute; z-index: 1; bottom: 0px; line-height: 1; font-size: 2.5rem;  /* text-transform: uppercase; */ width: 480px; padding: 0 0 120px 0; color: #fff; left: 120px; background-color: rgba(162, 19, 99, 0); }
.header-top { font-size: 2.3rem; }
.md139 { margin-bottom: 60px; }
.no-padding { padding: 0; }
.plain-text { column-count: 2; padding: 50px 0; }
.center { max-width: 1100px !important; margin-left: auto; margin-right: auto; max-width: initial; margin: 0 auto !important; }
.small-title { font-size: 1.2rem; font-weight: bold; border-left: 4px solid #0891CE; padding-left: 10px; /*width: 250px; */ line-height: 1; margin-bottom: 20px; }
.small-title-light { font-size: 1rem; font-weight: 400; border-left: 4px solid #0891CE; padding-left: 10px; line-height: 1.3; width: 310px; }

/* ------ Paddings --------- */

.padding-bottom50 { padding-bottom: 50px; padding-left: 0;}
.padding-bottom80 { padding-bottom: 80px;}
.padding-bottom100 { padding-bottom: 100px;}

/* ------ END Paddings --------- */

/*------------------------------- TIMELINE ----------------------------*/
.mc68 { padding-bottom: 100px; }
.timeline p { margin-top: 10px; }
* { box-sizing: border-box; }
.mc68 h2 { font-size: 2rem; font-style: normal; font-family: 'Poppins', sans-serif; }

/* The actual timeline (the vertical ruler) */
.timeline { position: relative; max-width: 1200px; margin: 0 auto; }

/* The actual timeline (the vertical ruler) */
.timeline::after { content: ''; position: absolute; width: 3px; background-color: #e5e5e5; top: 0; bottom: 0; left: 50%; margin-left: -3px; }

/* Container around content */
.container { padding: 10px 40px; position: relative; background-color: inherit; width: 50%; }

/* The circles on the timeline */
.container::after { content: ''; position: absolute; width: 25px; height: 25px; right: -10px; background-color: white; border: 4px solid #2E72D2; top: 15px; border-radius: 50%; z-index: 1; }

/* Place the container to the left */
.even { left: 0; }

/* Place the container to the right */
.odd { left: 50%; }

/* Add arrows to the left container (pointing right) */
.even::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; right: 30px; border: medium solid #FBFBFB; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #FBFBFB; }

/* Add arrows to the right container (pointing left) */
.odd::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: 30px; border: medium solid #FBFBFB; border-width: 10px 10px 10px 0; border-color: transparent #FBFBFB transparent transparent; }

/* Fix the circle for containers on the right side */
.odd::after { left: -14px; }

/* The actual content */
.content { padding: 15px 15px !important; background-color: #fbfbfb; position: relative; border: 1px solid #e5e5e5; }

.ErrorMesCont { text-align: center; width: 80%; margin: auto; margin-top: 150px; }
.error-code { }
.error-message { }

/* Media queries - Responsive timeline on screens less than 600px wide */
@media all and (max-width:600px) {

/* Place the timelime to the left */ }

/*------------------------------- TIMELINE END ----------------------------*/
.center-title { color: #333333; font-weight: bold; font-size: 1rem; text-transform: uppercase; text-align: center; padding-bottom: 20px }
.center-text { font-size: 1rem; text-align: center; padding-bottom: 80px; width: 70%; margin: auto; }
.page1 .padding-bottom80 { padding-bottom: 0; }
.video-item { position: relative; right: 0; bottom: 0; width: auto; min-width: 100%; height: auto; min-height: 100%; z-index: -100; background-size: cover; }
video { display: block; }
.sector-header-bg { background-color: #0891CE; display: table; }
.sector-header-title { margin-bottom: 1rem; font-size: inherit; line-height: 1; text-rendering: optimizeLegibility; color: #fff; font-size: 2.2rem; font-weight: 200; position: relative; display: table-cell; text-align: left; vertical-align: middle; padding: 0 50px; }
.img-float { padding: 0; margin-bottom: 30px; }
.info-con { border-left: 1px solid; padding: 0 0 0 35px; }
.sector-con { padding: 0 50px 0 0; width: 75%; /* border-right: 1px solid; */ }
.MainMenu { padding: 0; }
div.m4 { width: 100%; font-family: 'Quicksand', sans-serif; color: #333333; letter-spacing: 1px; font-weight: bold; display: table; text-transform: uppercase; margin-top: 50px; }
.mainMenuSection.main-menu-control { float: right; }
ol,
ul { margin-right: 1.25rem !important; }
.back-top { position: fixed; bottom: 20px; right: 40px; z-index: 100; background-color: #0890ce; padding: 5px 10px; font-size: 0.75rem; color: #fff; }
.back-top A:focus { color: #8e8b8a; text-decoration: none; }
.thankyou { text-align: center; font-size: 1rem; }
.info-con img { max-width: 80%; }
.mc16 .module-title { text-align: center; margin-bottom: 35px; font-size: 1rem; font-weight: bold; }
.mc12 { text-align: center; margin-top: 60px; }
.contactTbx.message { height: 80px; }
.form-error-message { padding-bottom: 20px; font-style: italic; color: #1779ba; }
.form-error { margin-bottom: 8px; font-size: 1rem; font-weight: 400; }
.error-message-display.generic-error.alert-box.alert { padding-bottom: 20px; font-style: italic; color: #1779ba; }
.SubmitBTN { margin-bottom: 8px; }
.home-about { position: relative; }
.about-container { padding: 100px 0; background-position: center; background-repeat: no-repeat; background-size: cover; }


/* Small only */
@media screen and (max-width:39.9375em) {
	.sector-info { border: none; text-align: center; }
	.info h5 { font-size: 2rem; }
	.header-subtitle { font-size: 1.2rem; }
	.mc9 .caption { width: 90%; top: 38%; }
	.header-supertitle { font-size: 1rem; }
	.header-body { font-size: 1rem; }
	.left-home-text { width: 70%; }
	.home-left-text { float: none; padding-right: 200px; padding-bottom: 40px; }
	.service { width: 100%; }
	.Testimonials { margin-bottom: 10px; width: 100%; }
	.quote { width: 80%; margin: 20px; }
	.student { margin: 20px; }
	.back-top { bottom: 80px; width: 18%; text-align: center; }
	.mc8 .home-left-text-full.list-article-viewer-control { width: 80%; }
	.full-bg { display: table; width: 100%; }
	.plain-text { column-count: 1; }
	.home-left-text-full.list-article-viewer-control { display: table; width: 90%; margin: 0 20px; }
	.content { padding: 10px 0px; }
	.center-text { width: 85%; }
	.full-bg { margin-bottom: 30px; }
	.home-left-title hr { width: 20%; }
	.timeline::after { left: 8%; margin-left: -4px; }
	.small-text { margin: 20px; }
	.sector-header-title { margin-bottom: 0; line-height: 1.3; font-size: 1.5rem; padding: 50px; }
	.mc16 .module-title { margin-left: 10px; text-align: left; }
	.padding-bottom50 { padding-bottom: 15px; }
	.padding-bottom80 { padding-bottom: 30px; }
	.mc30 .home-left-title { margin-left: 35px; }
	.sector-con { padding: 0 40px; width: 100%; }
	li.sub-active.level-1.mi3.has-submenu h1 { color: #333; font-weight: bold; font-size: 1rem; text-transform: uppercase; display: none; }
	.menu .active>a { background: none; color: #1779ba; }
	.accordion-title { font-size: 1.2rem; }
	li.back { display: none; }
	.accordion-content { padding: 0px; }
	li.accordion-navigation { list-style: none; }
	.mc39 { padding: 20px; }
	.buyline-contact { text-align: left; padding: 0 25px; font-size: 24px; }
	.con1,
	.con2,
	.con3 { text-align: center; }
	.mc13 .item { width: 150%; }
	.plain-text { padding: 30px 0; }
	.md139 { margin-bottom: 30px; }
	.info-con img { width: 50%; margin-top: 30px; }
	.ResponsiveMenu { top: 20px; }

	/* Full-width containers */
	.container { width: 100%; padding-left: 70px; padding-right: 25px; }

	/* Make sure that all arrows are pointing leftwards */
	.container::before { left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; }

	/* Make sure all circles are at the same spot */
	.even::after,
	.odd::after { left: 15px; }

	/* Make all right containers behave like the left ones */
	.odd { left: 0%; }
	.home-slider.show-for-small-only h5 { font-size: 2rem; }
	.about-container { padding: 50px 0; }
}

/* Medium and up */
@media screen and (min-width:40em) {
	.sector-info { padding-left: 2rem; }
}

/* Medium only */
@media screen and (min-width:40em) and (max-width:63.9375em) {
	.home-slider.hide-for-small-only h5 { font-size: 1.5rem; }
	.home-about img { max-width: auto; }
	.sector-header-title { margin-bottom: 0; line-height: 1.3; font-size: 1.6rem; padding: 0 30px; }
	li.back { display: none; }
}

/* Medium and down */
@media screen and (max-width:63.9375em) {
	.menu,
	.menu ul { list-style: none; }
	.vertical.menu a { color: #333; font-weight: bold; font-size: 1rem; text-transform: uppercase; background: none; }
	li.level-1.mi3.has-submenu h1,
	li.sub-active.level-1.mi3.has-submenu h1 { display: none; }
	.mc41 ol,
	ul { margin: 0 1.25rem !important; }
	.right-submenu { display: block; line-height: 3 !important; margin-left: 15px; }
	.menu>li>a { display: block; padding: .7rem 1rem; line-height: 1.8 !important; }
	.MainMenuCont img { width: 75%; margin: 0 auto; display: table; }
	.logo { float: left; padding: 15px 0 15px 50px; }
}
@media screen and (max-width:40em) and (orientation:landscape) {
	.slick-slider .item h5 { transform: none; top: unset; bottom: 10px; }
}

/* Large and up */
@media screen and (min-width:64em) { }

/* Large only */
@media screen and (min-width:64em) and (max-width:74.9375em) { }
