@charset "UTF-8";

 /*---------------------------------------------------------------------------\
 | KCIT Website Framework                                                     |
 |  _  ______ ___ _____                                                       |
 | | |/ / ___|_ _|_   _|                                                      |
 | | ' / |    | |  | |                                                        |
 | | . \ |___ | |  | |                                                        |
 | |_|\_\____|___| |_|                                                        |
 |                                                                            |
 | Enquiries contact chris@kcit.com.au                                        |
 | Copyright Keep Calm IT PTY LTD                                             |
 \---------------------------------------------------------------------------*/

/* 

PORTAL styles - WIP

@import url("/css/fonts.css");
 
body {
    font-family: HelveticaNeueW01-45Ligh,Helvetica,Arial,sans-serif !important;
	xfont-size: 16px !important;
	padding-top: 70px;
}	

h1, h2, h3, h4, .navbar-brand {
    font-family: HelveticaNeueW01-47LtCn_692686,Helvetica,Arial,sans-serif !important;
	font-weight: bold;
}	

h3 a, h4 a, h3 button, h4 button {
    font-family: HelveticaNeueW01-45Ligh,Helvetica,Arial,sans-serif !important;
	font-weight: bold;
}

h5, h6 {
    font-family: HelveticaNeueW01-47LtCn_692686,Helvetica,Arial,sans-serif !important;
}	

p, ul, li {
    font-family: HelveticaNeueW01-45Ligh, sans-serif,Helvetica,Arial,sans-serif !important;
}	

*/

/*
@import url("/css/fonts.css");
.text-condensed *:not(i), .form-group *:not(i):not(label), .btn *:not(i){
	font-family: HelveticaNeueW01-47LtCn_692686,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

label {
	font-family: HelveticaNeueW01-47LtCn_692686,Helvetica,Arial,sans-serif !important;
	font-weight: 700 !important;
}


.fade.in {
    opacity: 1
}

body {
	padding-top: 70px;
}

a, a:hover{
	color:black;
}

*/

/*
body {
	padding-top: 70px;
}
*/

body { padding-right: 0 !important }
nav { padding-right: 0 !important }

.btn-secondary {
	color: #212529;
	background-color: #f6f6f6;
	border-color: #f6f6f6; }
	.btn-secondary:hover {
		color: #212529;
		background-color: #ececec;
		border-color: #e6e6e6; }
	.btn-secondary:focus, .btn-secondary.focus {
		-webkit-box-shadow: 0 0 0 0.2rem rgba(240, 240, 240, 0.5);
		box-shadow: 0 0 0 0.2rem rgba(240, 240, 240, 0.5); }
	.btn-secondary.disabled, .btn-secondary:disabled {
		color: #212529;
		background-color: #f6f6f6;
		border-color: #f6f6f6; }
	.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
	.show > .btn-secondary.dropdown-toggle {
		color: #212529;
		background-color: #e6e6e6;
		border-color: #dfdfdf; }
		.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
		.show > .btn-secondary.dropdown-toggle:focus {
			-webkit-box-shadow: 0 0 0 0.2rem rgba(240, 240, 240, 0.5);
			box-shadow: 0 0 0 0.2rem rgba(240, 240, 240, 0.5); }

.alert-secondary{
	color: #858585;
	background-color: #f6f6f6!important;
	border-color: #eee!important;
}

.mt-banner{
	padding-top:80px;
}

@media (min-width: 575px) {
	.mt-banner{
		padding-top:50px;
	}
	.vh-full{
		min-height: calc (100vh - 60px);
	}
}


.h-auto {
	height: auto !important
}

.mw-100 {
	max-width: 100% !important
}

.mh-100 {
	max-height: 100% !important
}

.min-vw-100 {
	min-width: 100vw !important
}

.min-vh-100 {
	min-height: 100vh !important
}

.min-vh-100-banner {
	min-height: calc( 100vh - 200px ) !important
}

.block-fill-height-portal {
	display: table;
	width: 100%;
	min-height: calc( 100vh - 0px ) !important;
	height: 100vh!important;
}

.block-fill-height-banner {
	display: table;
	width: 100%;
	min-height: calc( 100vh - 0px ) !important;
	height: calc( 110vh - 117px )!important;
}

.vw-100 {
	width: 100vw !important
}

.vh-100 {
	height: 100vh !important
}

.block-inverse a:not(.btn) {
	color: #fff!important;
}

h1, .h1 {
	font-size: 2.7rem;
	font-weight: bold;
}

h1.text-uppercase, h2.text-uppercase, h3.text-uppercase, h4.text-uppercase, h5.text-uppercase, h6.text-uppercase,
.h1.text-uppercase, .h2.text-uppercase, .h3.text-uppercase, .h4.text-uppercase, .h5.text-uppercase, .h6.text-uppercase {
	letter-spacing: inherit!important;
}

h2.rered {
	font-size: 1.7rem;
	color:#E2001A;
	font-weight: bold;
}

.text-rered {
	color:#E2001A;
}

t2, .t2 {
	font-size: 1.7rem;
	color:#515E69;
	font-weight: 200;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin-bottom: 0.5rem;
	font-family: "Roboto", "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.2;
	color: #515E69;
}

.lead {
	font-size:1.6rem!important;
	font-weight:100;
	line-height:1.6;
	letter-spacing:-0.02em;
}

.pb-10,
.py-10 {
	padding-bottom: 6rem!important;
}

.pb-20,
.py-20 {
	padding-bottom: 12rem !important;
}

.mb-10,
.my-10 {
  margin-bottom: 6rem !important; }


.mb-15,
.my-15 {
  margin-bottom: 9rem !important; }

.tl-1{
	font-size: 1.1rem!important;
}

.tl-2{
	font-size: 1.2rem!important;
}

.ts-1{
	font-size: 1.3rem!important;
}

.ts-2{
	font-size: 0.8rem!important;
}

.btn-outline-primary {
	color: #E2001A;
	background-color: transparent;
	background-image: none;
	border-color: #E2001A;
	border-width: 3px;
	font-weight: bold;
}

.btn-outline-primary:hover {
	color: white;
	background-color: #E2001A;
	border-color: #E2001A;
}

.btn-outline-secondary {
	color: #fff;
	/*background-color: transparent;*/
	background-color: #98CDF6;
	background-image: none;
	border-color: #fff;
	border-width: 3px;
	font-weight: bold;
}

.btn-outline-secondary:hover {
	color: #70B1EA;
	background-color: #fff;
	border-color: #fff;
}

div.hero-img {
	position: relative;
}

.hero-grid-item{
	max-width:100%;
}

ul.hero-grid-item {
/*
	padding-left:30px;
	padding-right:20px;
*/
}

ul.hero-grid-item > li {
	padding-left:0px;
}

.transparent-dark {
	background-color:rgba(56,57,65,0.9)!important;
	z-index:3;
}

.hero-bg-2 {
	background-image:url(../assets/img/environment.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

div.hero-img::after {
	content: "";
	background: url(/assets/img/remondis_girl_beach.jpg);
	background-image: url(/assets/img/remondis_girl_beach.jpg);
	opacity: 0.5;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}

.module {
  /*position: relative;*/
}
.module::before {
/*
    position: relative;
    width: 100%;
    padding: 60px 30px;
    color: inherit;
    background-color: #fff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
*/
    /*
	display: table;
    width: 100%;
    height: 110vh;
	*/
  content: "";
  position: absolute;
  
  top: 0;
  left: 0;
  
  width: 100%;
  height: 100%;
  /*height: 110vh;*/
  background-image: url(/assets/img/remondis_girl_beach.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/*
.module-inside {
  position: relative;
}
*/

/* for scroll spy */
body {
	position: relative;
}

.service-img {
	width: 120px!important;
	height: 120px!important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.card-transparent {
	background-color:transparent;
}

.card-footer {
	background-color:transparent!important;
}

.bg-trans {
	background-color:none!important;
}

.bg-re-blue {
	background-color:#002d5a!important;
	/*background-color:#262F36!important;*/
}

.block-inverse {
	color: #fff!important;
	background-color: #191919!important;
}

.block-rered {
	color: #fff!important;
	background-color:#B40B1A!important;
}

.block-rered h1,.block-rered h2,.block-rered h3,.block-rered h4,.block-rered h5,.block-rered h6 {
	margin-bottom: 0.5rem;
	font-family: "Roboto", "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.2;
	color: #fff;
}

.block-rered a {
	color: #fff;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

.block-rered a:hover {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	padding-bottom: 0.1rem!important;
	font-weight: bold;
}

.block-inverse a:hover:not(.btn) {
	text-decoration:none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	padding-bottom: 0.1rem!important;
	font-weight: bold;
}

.block-light {
	background-color:#EDEEF0!important;
}

.block-pt-0{
	padding-top:0;
}

.block-pb-0{
	padding-bottom:0;
}

.dropdown-menu-dark {
	background-color:#6c6f73!important;
	color:rgba(255, 255, 255, 0.5)!important;
}

.dropdown-item-dark {
	color: rgba(255, 255, 255, 0.5);
	background-color:transparent;
}

.dropdown-item-dark:hover, .dropdown-item-dark:focus {
	color:rgba(255, 255, 255, 0.75);
	text-decoration: none;
	background-color:transparent;
}

.dropdown-item-dark.active, .dropdown-item-dark:active {
	color: #fff;
	text-decoration: none;
	background-color:transparent;
}

.dropdown-item-dark.disabled, .dropdown-item-dark:disabled {
	color: #6c757d;
	background-color:transparent;
}

.nav-link {
	/*color:#383941!important;*/
	color:#737379!important;
	padding-bottom: 0.1rem!important;
}
/*
.nav-link.active, .nav-link:active, .nav-link:hover {
	color:#383941!important;
	font-weight: bold;
	padding-bottom: 0!important;
	padding-right: 0!important;
	padding-left: 0!important;
	padding-top: 0!important;
	padding:none!important;
}
*/
/* disabled 15/4/2021 CB - interfering with tabs on regular DS screens
@media (min-width: 991.99px) {
	.nav-link.active, .nav-link:active {
		color:#383941!important;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		padding-bottom: 0.1rem!important;
		padding-bottom: 0.1rem!important;
	}
	.nav-link:hover {
		color:black!important;
	}
}

@media (max-width: 991.98px) {
	.nav-link {
		color:#383941!important;
		padding: 4px 0 4px 0!important;
		font-weight: normal;
	}
	.nav-link:hover {
		color:#383941!important;
		padding: 4px 0 4px 0!important;
	}
	.nav-link.active, .nav-link:active {
		color:#E2001A!important;
		padding: 4px 0 4px 0!important;
	}
}
*/
ul.hero-list{
	margin-left:-20px;
}

.bg-redooo {
	background-image: url(/assets/img/redooo-bg.png);
	background-repeat: no-repeat;
	background-position: top right;
}

section {
	padding-top:60px!important;
	margin-top:-67px!important;
}


.text-blue{
  color: var(--blue);
}
.text-indigo{
  color: var(--indigo);
}
.text-purple{
  color: var(--purple);
}
.text-pink{
  color: var(--pink);
}
.text-red{
  color: var(--red);
}
.text-orange{
  color: var(--orange);
}
.text-yellow{
  color: var(--yellow);
}
.text-green{
  color: var(--green);
}
.text-teal{
  color: var(--teal);
}
.text-cyan{
  color: var(--cyan);
}
.text-white{
  color: var(--white);
}
.text-gray{
  color: var(--gray);
}
.text-gray-dark, .text-darkgrey{
  color: #555;
}

.blueimp-gallery > .close {
	/*
	position: absolute;
	top: 15px;
	left: 15px;
	margin: 0 40px 0 0;
	font-size: 20px;
	line-height: 30px;
	color: #fff!important;
	text-shadow: 0 0 2px #000;
	opacity: 0.8!important;
	display: none;
	*/
	color: #fff!important;
	font-family: "Roboto", "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}

.blueimp-gallery > .prev,
.blueimp-gallery > .next {
	/*
	position: absolute;
	top: 50%;
	left: 15px;
	width: 60px!important;
	height: 60px!important;
	margin-top: -42px;
	font-size: 60px;
	font-weight: 100;
	line-height: 30px;
	color: #fff!important;
	text-decoration: none;
	text-shadow: 0 0 2px #000;
	text-align: center;
	background: #111!important;
	background: rgba(0, 0, 0, 0.5);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: none!important;
	-webkit-border-radius: 42px!important;
	-moz-border-radius: 42px!important;
	border-radius: 42px!important;
	opacity: 0.5!important;
	cursor: pointer;
	display: none;
	*/
	font-size: 14px!important;
	color: #fff!important;
	font-family: "Roboto", "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}

.btn-bottom {
	margin-bottom:4px;
}

input[type='file'] {
  color: transparent;
  display: none;
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.dropbox {
	min-height:70px;
	border-style: dotted;
	border-color:#ccc;
	color:#bbb;
}

.dropbox-danger {
	border-color:#ccc;
	color:red;
}

/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
.google-map {
	height: 100%;
}

#map-canvas {
  width:500px;
  height:480px;
}

td.tdahref td {
	overflow:hidden;
}

td.tdahref:hover {
	text-decoration: none;
	/* background-color:#ddd; */
}

a.tdahref {
	display: block;
	margin: 0rem;
	padding: 0.1rem;
}

a.tdahref:hover {
	text-decoration: none;
}

.filedetails {
	font-size:0.8rem!important;
	color:#888!important;
}

.btn-group-xs > .btn, .btn-xs {
	padding: .3rem .5rem;
	font-size: .795rem;
	line-height: .5;
	border-radius: .2rem;
}

.disable-select {
	user-select: none; /* supported by Chrome and Opera */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
}

.messenger-message-inner {
	user-select:text!important;
}

ul.messenger.messenger-fixed.messenger-on-bottom {
	bottom: 60px;
}

/* Position form validation icons further to the left/right */
.fv-plugins-bootstrap .form-group.input-radio-container .fv-plugins-icon {
	right: -35px;
}

.fv-plugins-bootstrap .form-group.input-select-container .fv-plugins-icon {
	right: 8px;
}

.fv-plugins-bootstrap .form-group.input-number-container .fv-plugins-icon {
	right: 20px;
}

.fv-plugins-bootstrap .form-group.input-date-container .fv-plugins-icon {
	right: -30px;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {
	border-color: transparent transparent rgba(220, 53, 69, 0.2) transparent!important;
	background-color: rgba(220, 53, 69, 0.03)!important;
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #007bff;
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.quiz-box{
	/**/
}

input[type=checkbox]:checked ~ .quiz-checked {
	/*background-color: #a8caff!important;*/
}

input[type=checkbox]:checked ~ .quiz-checked svg{
	visibility:visible!important;
}

input[type=checkbox]:checked ~ .quiz-checked-n svg.fa-chevron-double-left{
	visibility:visible!important;
	color:white;
}

input[type=checkbox]:checked ~ .quiz-checked-y svg.fa-chevron-double-left{
	visibility:visible!important;
	color:white;
}

input[type=checkbox]:checked ~ .quiz-checked-n{
	color:white!important;
	background-color:rgba(190, 0, 0, 0.6)!important;
}

input[type=checkbox]:checked ~ .quiz-checked-y{
	color:white!important;
	background-color:rgba(0, 150, 0, 0.6)!important;
}

.form-group.fv-plugins-icon-container.has-danger{
	background: rgba(255, 0, 0, 0.12)!important;
}

/* input group buttons to receive danger colors */
.fv-plugins-bootstrap .form-group.input-radio-container.has-danger .btn,
.fv-plugins-bootstrap .form-group.input-select-container.has-danger .btn{
	border-color: rgba(220, 53, 69, 0.2)!important;
	background-color: rgba(220, 53, 69, 0.03)!important;
}

.fv-plugins-bootstrap .form-group.input-radio-container.has-danger .btn:hover,
.fv-plugins-bootstrap .form-group.input-select-container.has-danger .btn:hover{
	background-color: rgba(220, 53, 69, 0.3)!important;
}

.fv-plugins-bootstrap .form-group.input-radio-container.has-danger .btn.active,
.fv-plugins-bootstrap .form-group.input-select-container.has-danger .btn.active{
	border-color: rgba(220, 53, 69, 0.2)!important;
	background-color: rgba(220, 53, 69, 0.03)!important;
}

/* INLINE input group buttons to receive danger colors */
.fv-plugins-bootstrap .form-group.fv-plugins-icon-container.has-danger .btn-group-toggle .btn{
	border-color: rgba(220, 53, 69, 0.2)!important;
	background-color: rgba(220, 53, 69, 0.03)!important;
}
.fv-plugins-bootstrap .form-group.fv-plugins-icon-container.has-danger .btn-group-toggle .btn:hover{
	background-color: rgba(220, 53, 69, 0.3)!important;
}
.fv-plugins-bootstrap .form-group.input-radio-container.has-danger .btn.active,
.fv-plugins-bootstrap .form-group.input-select-container.has-danger .btn.active{
	border-color: rgba(220, 53, 69, 0.2)!important;
	background-color: rgba(220, 53, 69, 0.03)!important;
}

.fv-plugins-bootstrap .form-group.input-radio-container.has-success .btn.active,
.fv-plugins-bootstrap .form-group.fv-plugins-icon-container.has-success .btn.active,
.fv-plugins-bootstrap .form-group.input-select-container.has-success .btn.active{
	background-color: #28a745!important;
	color:white!important;
}

.fv-plugins-bootstrap .form-group.input-radio-container.has-success .btn.active.focus,
.fv-plugins-bootstrap .form-group.fv-plugins-icon-container.has-success .btn.active.focus,
.fv-plugins-bootstrap .form-group.input-select-container.has-success .btn.active.focus{
	-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 125, 0, 0.5)!important;
	box-shadow: 0 0 0 0.2rem rgba(0, 180, 0, 0.5)!important;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
	color: #D3E0E9;
	background-color: #045F9B;
	border-color: #cbdae5;
}

.btn-light.survey:not(:disabled):not(.disabled):active, .btn-light.survey:not(:disabled):not(.disabled).active,
.show > .btn-light.survey.dropdown-toggle {
	color: #333;
	background-color: #e6e6ff;
	border-color: #cbdae5;
}

.fv-plugins-bootstrap .form-group.fv-plugins-icon-container.has-success .btn.active .survey{
	background-color: #f5f8fa!important;
	color:#212529!important;

}

.form-extra {
	background-color: #eee;
}


.text-i5 {
	font-size:1.05rem!important;
}

.text-i10 {
	font-size:1.10rem!important;
}

.text-i15 {
	font-size:1.15rem!important;
}

.text-i20 {
	font-size:1.20rem!important;
}

.text-i25 {
	font-size:1.25rem!important;
}

.text-i30 {
	font-size:1.30rem!important;
}

.text-i35 {
	font-size:1.35rem!important;
}

.text-i40 {
	font-size:1.40rem!important;
}

.text-r130 {
	font-size:1.30rem!important;
}

.text-r160 {
	font-size:1.60rem!important;
}

.text-r85 {
	font-size:0.85rem!important;
}

.text-r80 {
	font-size:0.80rem!important;
}

.text-r75 {
	font-size:0.75rem!important;
}

.text-r70 {
	font-size:0.70rem!important;
}

.text-r65 {
	font-size:0.65rem!important;
}

.modal-xxxl {
	max-width: 90%;
}