/* CUSTOM STYLES */

@font-face {
	font-family: 'Oswald';
	src: url('../font/oswald/Oswald-Regular.eot');
	src: url('../font/oswald/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../font/oswald/Oswald-Regular.woff') format('woff'), url('../font/oswald/Oswald-Regular.ttf') format('truetype'), url('../font/oswald/Oswald-Regular.svg#Oswald-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Oswald",sans-serif;
}
body {
	-webkit-font-smoothing: antialiased;
    font-family: "Open+Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.8;
}
.text-shadow {
	text-shadow: 1px 1px 2px black;
}
.strap {
	padding: 30px 0;
	text-align: left;
}
.strap h1, .strap h4 {
	font-family: "Open+Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 200;
}
.intro.intro-photo {
	width: 100%;
}
.linker {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
ul.list-standard {
	list-style-type: disc; 
   list-style-position: outside;
	
}
ul.list-standard li {
    padding: 5px;
    margin-left: 35px;
	list-style-type: disc; 
   list-style-position: outside;
}
/*.wide {
	padding-top: 7rem;
	padding-bottom: 7rem;
  width:100%;
  height:10%;
  height:calc(100% - 1px);
  background-size:cover;
	background-position: center;
}*/

/*.wide img {
  width:100%;
}*/

/*.wide-integrator {
  background-image:url('../img/image-whitebg-integrator.png');
}
.wide-stats {
  background-image:url('../img/image-whitebg-stats.png');
}*/

/*.logo {
  color:#fff;
  font-weight:800;
  font-size:14pt;
  padding:25px;
  text-align:center;
}

.line {
  padding-top:20px;
  white-space:no-wrap;
  overflow:hidden;
  text-align:center;
}*/

/* OVERRIDDEN STYLES */
@media (min-width: 1400px) {
	.fixed-sn main {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (min-width: 992px) {
	.fixed-sn main {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (min-width: 768px) {
	.fixed-sn main {
		margin-left: 0;
		margin-right: 0;
	}
}

html {
	min-height: 100%;
	position: relative;
}

body, .view { /**/
	height: 100%;
}

.card-wrapper .face {
	height: auto;
}


.fixed-sn main,
.hidden-sn main {
	padding-top: 3.3rem;
	/* 0rem */
}
/* Navigation*/

.navbar {
	background-color: #1C2331;
}

.scrolling-navbar {
	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;
}

.top-nav-collapse {
	background-color: #1C2331;
}

.double-nav .dropdown .dropdown-menu a {
	padding: 0.25rem;
}

.section {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.section hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
/*section:first-of-type {
	margin-top: 0;
}*/

footer.page-footer {
	background-color: #1C2331;
	margin-top: 0;
}

@media only screen and (max-width: 768px) {
	.navbar {
		background-color: #1C2331;
	}
}

/*.active {
	height: 100%;
}*/

/* Carousel*/

/*.carousel {
	height: 400px;
}

@media (max-width: 776px) {
	.carousel {
		height: 200px;
	}
}

.carousel-item,
.active {
	height: 100%;
}

.carousel-inner {
	height: 100%;
}

.carousel-item:nth-child(1) {
	background-image: url("img/GIbg01.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.4;
}

.carousel-item:nth-child(2) {
	background-image: url("img/GIbg02.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.carousel-item:nth-child(3) {
	background-image: url("img/GIbg03.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}*/
/*Caption*/

.flex-center {
	color: #fff;
}

.wow {
	visibility: hidden;
}
/* CUSTOM STYLES */

.standard-text {
	padding-top: 2rem;
	padding-bottom: 2rem;
}


.side-nav {
    position: fixed;
    width: 300px;
    left: 0;
    top: 0;
    margin: 0;
    height: 100%;
    height: calc(100%+ 60px);
    height: -moz-calc(100%);
    padding-bottom: 60px;
    background-color: #aedff2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999;
    overflow-y: auto;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    transform: translateX(-105%);
    color: #fff;
}

.no-side-nav {
	display:none;
}
.side-nav-icon {
	color: #0b9ed6;
}
@media only screen and (max-width:1440px) {
	.no-side-nav {
		display:block;
	}
}

span.cookie-consent__message {
    color: #fff;
}

.js-cookie-consent.cookie-consent {
    position: fixed;
    bottom: 0;
    text-align: center;
    background-color: #0b9ed6;
    padding: 20px;
    z-index: 1000;
    width: 100%;
}

span.cookie-consent__message {
    color: #fff;
}

button.js-cookie-consent-agree.cookie-consent__agree {
    background: #0a0202;
    color: #ffffff;
    border: 0;
    padding: 6px 9px;
    border-radius: 3px;
	cursor: pointer;
}

/* Pretty padding on quotes*/

i.fa.fa-quote-left, .fa-quote-right {
    padding: 5px;
    font-size: 0.7rem;
    vertical-align: top;
}
.has-error input {
	background-color: #FF9999 !important;
}

.modal-content input[type="checkbox"] {
    left: 0px;
    position: relative;
    visibility: visible;
}

div#bridge {
    position: absolute;
    text-align: right;
    left: 47%;
    top: 74px;
    z-index: 50;
    line-height: 0.5;
    color: white;
}
div#between {
	position: absolute;
    text-align: left;
    left: 59.5%;
    top: 146px;
    z-index: 50;
    line-height: 0.5;
    color: white;
}

@media only screen and (max-width: 700px) {
	div#between {
		left: 68%;
	}
}

@media only screen and (max-width: 1050px) {
	div#betewen {
		left: 62.5%;
	}
}

@media only screen and (min-width: 1350px) {
	div#between {
		left: 57.5%;
	}
}

div#between small {
	font-size: 50%;
}

div#bridge h2,
div#between h3 {
	line-height: 0.8;
}

div#business-system {
	position: absolute;
    text-align: left;
    left: 50%;
    top: 170px;
    z-index: 50;
    line-height: 0.5;
    color: #4b9d5e;
    width: 66px;
}

div#business-system small {
	font-size: 50%;
}

@media only screen and (max-width: 500px) {
	.intro-image {
		display: none;
	}
}
li.free-trial {
	/*background-image: url('../img/GoIntegratorScreenshot01.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;*/
	height: 80px;
	position: relative;
	border: 0px solid #b7dab8;
}
li.free-trial a {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /*color: #fff !important;*/
	padding: 0px 15px;
    margin: 0px;
}
@media only screen and (max-width: 1000px){

	/* Commented by Jonny */
	/* main .container:last-of-type {
    	padding-bottom: 0px;
	} */
}


.primary-color, .stepper li.active a .circle, .stepper li.completed a .circle {
	background-color: #0b9ed6 !important;
}
.primary-color-dark {
	background-color: #0377a3 !important;
}

/* The values in this highlighted "blue" section were originally 4285F4 - I'm assuming I changed them by mistake */
.pagination.pg-blue .active .page-link {
	background-color: #0b9ed6;
}
.pager.pg-blue li a {
	background-color: #0b9ed6;
}
.pager.pg-blue li a:focus {
	background-color: #0b9ed6;
}
.pager.pg-blue li a:hover {
	background-color: #0b9ed6;
}
/* End of highlighted section */

.divider-short {
	border-color: #0b9ed6;
}
.bq-primary {
	border-left: 3px solid #0b9ed6;
}
.bq-primary .bq-title {
	color: #0b9ed6;
}
.btn-primary {
	background: #0b9ed6;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: #74c8e8 !important;
}
.btn-primary.active {
	background-color: #74c8e8 !important; /* I think this also needs changing to 74c8e8 */
}
.btn-outline-primary {
	border: 2px solid #0b9ed6;
	color: #7a033c !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus {
	color: #0b9ed6;
	border-color: #0b9ed6;
}
input[type=text]:focus:not([readonly]),  input[type=password]:focus:not([readonly]),  input[type=email]:focus:not([readonly]),  input[type=url]:focus:not([readonly]),  input[type=time]:focus:not([readonly]),  input[type=date]:focus:not([readonly]),  input[type=datetime-local]:focus:not([readonly]),  input[type=tel]:focus:not([readonly]),  input[type=number]:focus:not([readonly]),  input[type=search-md]:focus:not([readonly]),  input[type=search]:focus:not([readonly]),  textarea.md-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #0b9ed6;
	box-shadow: 0 1px 0 0 #0b9ed6;
}
input[type=text]:focus:not([readonly]) + label,  input[type=password]:focus:not([readonly]) + label,  input[type=email]:focus:not([readonly]) + label,  input[type=url]:focus:not([readonly]) + label,  input[type=time]:focus:not([readonly]) + label,  input[type=date]:focus:not([readonly]) + label,  input[type=datetime-local]:focus:not([readonly]) + label,  input[type=tel]:focus:not([readonly]) + label,  input[type=number]:focus:not([readonly]) + label,  input[type=search-md]:focus:not([readonly]) + label,  input[type=search]:focus:not([readonly]) + label,  textarea.md-textarea:focus:not([readonly]) + label {
	color: #0b9ed6;
}
.md-form .prefix.active {
	color: #0b9ed6;
}
i.btn-primary {
	background: #0b9ed6 !important;
}
[type="radio"]:checked + label:after {
	border: 2px solid #0b9ed6;
	background-color: #0b9ed6;
}
/* Radio With gap */
[type="radio"].with-gap:checked + label:before {
	border: 2px solid #0b9ed6;
}
[type="radio"].with-gap:checked + label:after {
	border: 2px solid #0b9ed6;
	background-color: #0b9ed6;
}
[type="checkbox"]:checked + label:before {
	border-right: 2px solid #0b9ed6;
	border-bottom: 2px solid #0b9ed6;
}
/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before {
	border-right: 2px solid #0b9ed6;
}
input[type=range] + .thumb {
	background-color: #0b9ed6;
}
input[type=range] + .thumb .value {
	color: #0b9ed6;
}
 input[type=range]::-webkit-slider-thumb {
 background-color: #0b9ed6;
}
 input[type=range]::-moz-range-thumb {
 background: #0b9ed6;
}
 input[type=range]::-ms-thumb {
 background: #0b9ed6;
}
 input[type=range]::-ms-thumb {
 background: #0b9ed6;
}
.md-pills.pills-primary .nav-item .nav-link.active {
	background-color: #0b9ed6;
}
.classic-tabs.tabs-primary {
	background-color: #0b9ed6;
}
.progress .progress-bar {
	box-shadow: none;
	height: 4px;
	border-radius: 0;
	background-color: #7a033c;
}
.nav-pills.md-pills .nav-item .active {
	background-color: #0b9ed6;
}
.dropdown-content li > a,  .dropdown-content li > span {
	color: #0b9ed6;
}
.dropdown-primary .dropdown-content li.active {
	background-color: #0b9ed6;
}
.dropdown-primary .dropdown-content li a:hover, .dropdown-primary .dropdown-content li span:hover {
	background-color: #0b9ed6;
}
.dropdown .dropdown-menu .dropdown-item:hover {
	background-color: #0b9ed6;
}
.dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover {
	background-color: #0b9ed6;
}
.carousel-multi-item .carousel-indicators li {
	background-color: #0b9ed6;
}
.carousel-multi-item .carousel-indicators .active {
	background-color: #0b9ed6;
}
.carousel-multi-item .controls-top .btn-floating {
	background: #0b9ed6;
}
.product-card .action-buttons .btn-floating {
	background-color: #0b9ed6;
}
.product-card .rating {
	background-color: #7a033c;
}
.cart-modal .table .fa-remove {
	color: #0b9ed6;
}
.white-skin .primary-color, .white-skin .stepper li.active a .circle, .stepper li.active a .white-skin .circle, .white-skin .stepper li.completed a .circle, .stepper li.completed a .white-skin .circle {
	background-color: #0b9ed6 !important;
}
.white-skin .side-nav .social a:hover .fa {
	color: #0b9ed6;
}
.white-skin .side-nav .collapsible li a.active {
	color: #0b9ed6;
}
.white-skin .side-nav .collapsible li a.active .fa {
	color: #0b9ed6;
}
.white-skin .btn-primary {
	background: #0b9ed6;
}
.white-skin .btn-primary:hover, .white-skin .btn-primary:focus {
	background-color: #74c8e8 !important;
}
.white-skin .btn-primary.active {
	background-color: #74c8e8 !important; /* I think this also needs changing to 74c8e8 */
}
.white-skin input[type="email"]:focus:not([readonly]),  .white-skin input[type="text"]:focus:not([readonly]),  .white-skin input[type="password"]:focus:not([readonly]),  .white-skin textarea.md-textarea:focus:not([readonly]) {
	border-color: #0b9ed6;
	box-shadow: 0 1px 0 0 #0b9ed6;
}
.white-skin input[type="email"]:focus:not([readonly]) + label,  .white-skin input[type="text"]:focus:not([readonly]) + label,  .white-skin input[type="password"]:focus:not([readonly]) + label,  .white-skin textarea.md-textarea:focus:not([readonly]) + label {
	color: #0b9ed6;
}
.white-skin input[type=checkbox]:checked + label:before {
	border-right: 2px solid #0b9ed6;
	border-bottom: 2px solid #0b9ed6;
}
.white-skin input[type=checkbox].filled-in:checked + label:after {
	background-color: #0b9ed6;
	border-color: #0b9ed6;
}
.white-skin .md-form .prefix.active {
	color: #0b9ed6;
}
.white-skin .dropdown-content li:not(.disabled) span {
	color: #0b9ed6;
}
.white-skin .carousel-multi-item .controls-top > a,  .white-skin .carousel-multi-item .carousel-indicators li,  .white-skin .carousel-multi-item .carousel-indicators li.active {
	background-color: #0b9ed6;
}
.white-skin .spinner-primary {
	border-color: #0b9ed6;
}
.white-skin .spinner-primary-color,  .white-skin .spinner-primary-color-only {
	border-color: #0b9ed6;
}
.white-skin .pagination-primary-color .page-item.active .page-link,  .white-skin .pagination-primary-color .page-item.active .page-link:focus,  .white-skin .pagination-primary-color .page-item.active .page-link:hover {
	background-color: #4285F4;
	border-color: #0b9ed6;
}
.white-skin .pagination-primary-color .page-link {
	color: #0b9ed6;
}
.chips.focus {
	border-bottom: 1px solid #0b9ed6;
	box-shadow: 0 1px 0 0 #0b9ed6;
}
.chips .tag.selected {
	border-bottom: 1px solid #0b9ed6;
}
.picker__date-display {
	background-color: #0b9ed6;
}
.picker__day.picker__day--today {
	color: #0b9ed6;
}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
	background-color: #0b9ed6;
}
.picker__close, .picker__today {
	color: #0b9ed6;
}
.btn-floating.btn-flat {
	background: #0b9ed6;
}
.btn-floating.btn-flat:hover, .btn-floating.btn-flat:focus {
	background-color: #74c8e8 !important;
}
.btn-floating.btn-flat.active {
	background-color: #74c8e8 !important; /* I think this also needs changing to 74c8e8 */
}
.mdb-feed .news .excerpt .brief a {
	color: #0b9ed6;
}
.mdb-feed .news .excerpt .feed-footer span a {
	color: #0b9ed6;
}
.card-personal .card-block .card-title.title-one:hover {
	color: #0b9ed6;
}
.card-personal .card-block span:hover {
	color: #0b9ed6;
}
.brand-text {
	color: #085E7F;
}
.bg-primary {
	background-color: #0b9ed6!important;
}