/* Colours
	#A1E2F8 - Light Blue 
	#ab2a3b - Medium Blue Font
    #009BCF - Darker Blue (buttons)
    #ab2a3b - Light Blue (looks closer to mockup buttons)
	#F9FDFF - White gradient in footer

    font-family: 'Montserrat', sans-serif;
    font-family: 'Raleway', sans-serif;

    New:
    rgba(171,42,59,255) or #ab2a3b

*/

:root {
    /* Old */
    color: #ab2a3b;
    color: rgba(171,42,59,255);
    /* New */
    color: #bf2337;
}

html {
    scroll-behavior: smooth;
  }
  
body {
	margin: 0;
	padding: 0;
    font-family: 'Montserrat', sans-serif;
/* 	-webkit-user-select: none;  
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; */
}

img {
	width: 100%;
	height: auto;
}

p, li, a {
	font-size: 15px;
	line-height: 25px;
	color: #000;
	outline: 0;
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0;
    font-family: 'Montserrat', sans-serif;
    color: #242C37;
}

h1{
    font-size: 40px;
    font-weight:600;
}

h2{
	font-size:25px;
    font-weight:600;
}

strong {
	font-weight: 800;
}

a:link, a:visited, a:hover, a:active  {
	text-decoration: none;
	/* border-bottom: none; */
	outline: none;
	color:inherit;
	outline: 0;
}
  
.logo {
    width: 20em;
    max-width: 20em;
}

.navbar-brand{
    margin-right: 0;
    padding: 0;
}

.mobi-breaks{
	display:none;
}

.blu-text {
    color: #bf2337;
}

/* Headers  */
/* Background color of the menubar can be changed here */
.header {
    background-color: transparent;
    justify-content: space-between;
    /* transition: 0.5s; */
    background-color: #fff;
}

.nav-item{
    color:#bf2337;
    font-weight: 500;
}

.navbar-expand-md {
    padding: 0;
}

.navbar {
    padding: 0;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 50px!important;
    font-weight: 400;
    line-height: 50px;
    vertical-align: middle;
}

/* .navbar-nav {
    width: 100%;
} */

.navbar-expand-md .navbar-collapse {
    padding: 0;
}

.nav-item:active .nav-link, .nav-item.active .nav-link {
    border-color: #fff;
    font-weight: 600;
    line-height: 50px;
    vertical-align: middle;
}

/* Scrolled Header  */

.scrolled.header{
    background-color: #fff;
    /* transition: 0.5s; */
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.19);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.19);
}

.scrolled .nav-item{
    color:#009BCF;
}

.scrolled .nav-item:active .nav-link, .scrolled .nav-item.active .nav-link{
    border-color: #009BCF;
}

.scrolled .nav-item:hover .nav-link {
    border-top: 4px solid #009BCF;
    transition: 0.5s;
}

.rounded {
    border-radius: 10px!important;
}

/* -------------- End of Headers -------------- */

/* Buttons  */
.btn{
    width: fit-content;
    min-width: 9em;
    padding: 0.5em 1em;
    border: 2px solid #fff;
    border-radius: 0.4em;
    font-size: 1em;
    line-height: 1;
    font-weight: 600;
    color: #fff;
}

.btn:focus, button:focus{
    outline:0;
    box-shadow:none;
}

.btn.btn-read-more{
    /* color: #009BCF; */
    color: #bf2337;
    /* border-color: #009BCF; */
    border-color: #bf2337;
}

.btn.btn-read-more-white{
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}

.btn.btn-read-more-white:hover{
    color: #bf2337;
    background-color: #fff;
    border-color: #fff;
}

.btn.btn-read-more:hover{
    color: #fff;
    /* background-color: #009BCF; */
    background-color: #bf2337;
    transition: 0.5s;
}

.btn.btn-read-more-inv{
    color: #fff;
    border-color: #bf2337;
    background-color: #bf2337;
    padding: 1em 1.5em;
    font-weight: 500;
}

.btn.btn-services{
    background-color: #242C37;
    border-color: #242C37;
    color: #fff;
    font-weight: 100;
    border-radius: 1em;
}

.btn.btn-services:hover{
    background-color: #fff;
    border-color: #fff;
    color: #242C37;
    transition: 0.5s;
}

.reseller-services .btn.btn-read-more-inv{
    padding: 0.5em 1em;
    font-weight: 100;
    border-radius: 1em;
}

#map label{
    margin-bottom: 0;
}

/* Home page */
.home-header {
    background-image: url('/images/background.jpg');
    background-size: cover;
    background-position: center;
    /* background-color: #1D1D1D; */
    padding: 10% 0;
}

.home-header p, .home-header h1 {
    color: #fff;
}

.negative-margin-top {
    margin-top: -70px;
}

.home-about-services {
    padding-bottom: 100px;
    background-color: #F8F8F8;
}

.home-about {
    background-color: #F8F8F8;
    padding-bottom: 100px;
}

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

.home-about .card h5 {
    font-weight: 600;
}

.home-about .card-img-top i {
    background-color: #bf2337;
    border-radius: 100%;
    color: #fff;
    font-size: 50px;
    padding: 20px;
    vertical-align: middle;
}

.home-about .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem 2rem;
}

.services-slider {
    padding: 100px 0;
}

.slider6 .card {
    margin-left: -20%;
    margin-top: 30%;
}

.slider6 .card h5 {
    font-weight: 600;
    position: relative;
    padding-bottom: 20px;
}

.slider6 .card h5:after {
    content: '';
    border-bottom: 5px solid #bf2337;
    position: absolute;
    top: 100%;
    width: 100px;
    left: 0;
}

.tns-nav {
    text-align: center;
    margin: 40px 0;
}

.tns-nav button {
    background-color: #E1DCDC;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    border: none;
    vertical-align: middle;
    margin: 0 10px;
    padding: 8px;
}

.tns-nav-active {
    background-color: #bf2337!important;
}

/* All pages */
.page-header .card {
    background-image: url('/images/background.jpg');
    background-size: cover;
    background-position: center;
    min-height: 300px;
    border: 0;
    border-radius: 0;
}

.page-intro {
    padding: 100px 0;
}

.color-back-light {
    background-color:rgba(239, 129, 129, 8%);
    padding: 100px 0;
}

.fa-check-circle{
    color: #bf2337;
}

.fa-ul {
    margin-left:10px;
}

.fa-ul li{
    line-height: 2;
    padding-left: 0.5em;
}

.color-text {
    color: #bf2337;
}

.contact-details .color-text, .contact-details .color-text a {
    font-size: 20px;
    line-height: 35px;
    vertical-align: middle;
}

.contact-details i {
    font-size: 20px!important;
    vertical-align: middle;
    width: 25px;
}

.error, .error2 {
	margin-top: 15px;
	padding: 10px;
	background-color: #C0352C;
	color: #fff;
	display: none;
}

.output, .output2 {
	margin-top: 15px;
	padding: 10px;
	background-color: #6dd8a1;
	color: #fff;
	display: none;
}

#email2 {
	display: none;
}

#map {
    width: 100%;
    height: 400px;
}

#map-content {
    text-align: center;
    padding: 10px;
}

#map-content p {
    margin-bottom: 0;
}

.gm-style .gm-style-iw-c {
    max-width: 400px!important;
    padding: 0!important;
}

.gm-style img {
    max-width: 60%;
    margin-bottom: 20px;
}

/* Form styles */
input {
    background-color: #F8F8F8;
    border: 0;
    border-radius: 10px;
    padding: 15px;
    width: 100%;
    margin-bottom: 20px;
}

textarea {
    background-color: #F8F8F8;
    border: 0;
    border-radius: 10px;
    padding: 15px;
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
}
/* Footer */
footer {
    background-image: url('/images/background.jpg');
    background-size: cover;
    background-position: center;
    /* background-color: #1D1D1D; */
    text-align: center;
    padding: 5%;
}

footer p, footer a {
    color: #fff;
}

.footer-details a, .footer-details i {
    color: #fff;
    vertical-align: middle;
}

.footer-lower {
    background-color: #bf2337;
}