@charset "UTF-8";

/*
	Color

	This stylesheet contains only the colours styling for various elements.
	These attributes include 'background', 'border' and 'color'.
	Colour descriptions from http://www.colorhexa.com.
	Monochromatic Colour section for shades

*/
/*----------------------------------------------------------------------------------------------------------*/
/*
	#0f75bc	strong blue
	#e8e8e8	very light grey
	#222	very dark grey
*/
/*----------------------------------------------------------------------------------------------------------*/
/* Browser Specific Placeholder Colours */
/* WebKit Browsers */
::-webkit-input-placeholder {
  color: black;
}

*::-webkit-input-placeholder {
  color: white;
}

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
  color: black;
}

*:-moz-placeholder {
  color: white;
}

/* Mozilla Firefox 19+ */
::-moz-placeholder {
  color: black;
}

*::-moz-placeholder {
  color: white;
}

/* Internet Explorer 10+ */
:-ms-input-placeholder {
  color: black;
}

*:-ms-input-placeholder {
  color: white;
}

/*----------------------------------------------------------------------------------------------------------*/
/* Global Colours */
/* Reset */
html,
body,
div,
span,
object,
iframe,
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  background: transparent;
}

body {
  background-color: #e8e8e8;
  /* very light grey */
  color: #222;
  /* very dark grey */
}

a {
  color: #0f75bc;
  /* strong blue */
}

/*----------------------------------------------------------------------------------------------------------*/
/* Buttons */
/* All Buttons */
.btn:hover,
.btn:focus {
  color: white;
}

/* Custom Button */
.btn-custom {
  background-color: #0f75bc;
  /* strong blue */
  border-color: #0f75bc;
  /* strong blue */
  color: white;
}

/* Go Button */
.btn-go {
  background-color: #3c763d;
  /* dark moderate lime green */
  color: white;
}

.btn-go:hover {
  background-color: #769f77;
  /* mostly desaturated dark lime green */
  color: white;
}

/* Stop Button */
.btn-stop {
  background-color: #c43c3f;
  /* moderate red */
  color: white;
}

.btn-stop:hover {
  background-color: #f34c50;
  /* soft red */
  color: white;
}

/* Red Button */
.btn-red {
  background: #c43c3f;
  /* moderate red */
  color: white;
}

/* 0 button */
.btn-b-d,
.btn-0 {
  background-color: #073a5e;
}

.btn-b-d:hover,
.btn-b-d:focus,
.btn-0:hover,
.btn-0:focus {
  background-color: #036ab1;
}

/* 1 button */
.btn-1 {
  background-color: #0b588d;
}

.btn-1:hover,
.btn-1:focus {
  background-color: #0488e3;
}

/* 2 button */
.btn-b,
.btn-2 {
  background-color: #0f75bc;
  /* strong blue */
}

.btn-b:hover,
.btn-b:focus,
.btn-2:hover,
.btn-2:focus {
  background-color: #1fa1fb;
  /* vivid blue */
}

/* 3 button */
.btn-3 {
  background-color: #1392eb;
}

.btn-3:hover,
.btn-3:focus {
  background-color: #51b6fc;
}

/* 4 button */
.btn-b-l,
.btn-4 {
  background-color: #41a8f0;
}

.btn-b-l:hover,
.btn-b-l:focus,
.btn-4:hover,
.btn-4:focus {
  background-color: #83cbfd;
}

/* 0 button */
.btn-g-d,
.btn-g-0 {
  background-color: #3c763d;
}

.btn-g-d:hover,
.btn-g-d:focus,
.btn-g-0:hover,
.btn-g-0:focus {
  background-color: #769f77;
}

/* 1 button */
.btn-g,
.btn-g-1 {
  background-color: #4d984e;
}

/* GREY */
.btn-grey,
.btn-grey-1 {
  background-color: #696969;
  ;
}

.btn-g:hover,
.btn-g:focus,
.btn-g-1:hover,
.btn-g-1:focus {
  background-color: #94b495;
}

/* 2 button */
.btn-g-l,
.btn-g-2 {
  background-color: #66b267;
  /* strong blue */
}

.btn-g-l:hover,
.btn-g-l:focus,
.btn-g-2:hover,
.btn-g-2:focus {
  background-color: #b2c9b3;
  /* vivid blue */
}

.btn-y-d {
  background-color: #ec971f;
}

.btn-y-d:hover,
.btn-y-d:focus {
  background-color: #f2b866
}

.btn-y,
.btn-y-1 {
  background-color: #f0ad4e;
}

.btn-y:hover,
.btn-y:focus,
.btn-y-1:hover,
.btn-y-1:focus {
  background-color: #f6ce95;
}

.btn-y-l {
  background-color: #f4c37d;
}

.btn-y-l:hover,
.btn-y-l:focus {
  background-color: #fae4c4;
}

.btn-r-d {
  background-color: #9d3032;
}

.btn-r-d:hover,
.btn-r-d:focus {
  background-color: #f01c21;
}

.btn-r,
.btn-r-1 {
  background-color: #c43c3f;
}

.btn-r:hover,
.btn-r:focus,
.btn-r-1:hover,
.btn-r-1:focus {
  background-color: #f34c50;
}

.btn-r-l {
  background-color: #d06366;
}

.btn-r-l:hover,
.btn-r-l:focus {
  background-color: #f67c7f;
}

.btn-l {
  background-color: #fafafc;
}

.btn-l:hover,
.btn-l:focus {
  background-color: #dadadc;
}

.btn-d {
  background-color: #3a3a3c;
}

.btn-d:hover,
.btn-d:focus {
  background-color: #6a6a6c;
}

/*----------------------------------------------------------------------------------------------------------*/
/* Begin Index Sections */
/*----------------------------------------------------------------------------------------------------------*/
/* Banner Section */
.banner {
  background: #ffe560;
  /* light yellow */
  color: #b22222;
  /* dark red */
}

/*----------------------------------------------------------------------------------------------------------*/
/* Introduction Section */
.introduction-quote {
  color: #025996;
  /* dark blue */
}

/*----------------------------------------------------------------------------------------------------------*/
/* How It Works Section */
/*----------------------------------------------------------------------------------------------------------*/
/* Pricing Section */
#pricing th {
  background: #0f75bc;
  /* strong blue */
  color: white;
}

.pricing .bronze {
  background-color: #75592d;
  /* dark moderate orange */
  border-color: #75592d;
  /* dark moderate orange */
  color: white;
}

.pricing .silver {
  background-color: #a8a8a8;
  /* grey */
  border-color: #a8a8a8;
  /* grey */
  color: white;
}

.pricing .gold {
  background-color: #c2a200;
  /* strong yellow */
  border-color: #c2a200;
  /* strong yellow */
  color: white;
}

.inviteonly .list-group-item p {
  color: #aaa;
  /* grey */
}

.mostpop {
  background: #c43d3f;
  /* moderate red */
  border-bottom-color: #828282;
  /* dark grey */
  border-left-color: #828282;
  /* dark grey */
  color: white;
}

button.inviteonly {
  background: #b8b5b5;
  /* greyish red */
  border-color: #b8b5b5;
  /* greyish red */
  color: white;
}

.pricing p.large {
  color: #1c75bc;
  /* strong blue */
}

p.minutes {
  color: #555;
  /* very dark grey */
}

/*----------------------------------------------------------------------------------------------------------*/
/* Testimonial Section */
#testimonial {
  background: #0f75bc;
  /* strong blue */
  color: white;
}

.speech {
  background: #ddf2ff;
  color: #0f75bc;
  /* strong blue */
}

.speech:not(.inv)::before {
  border-color: #ddf2ff transparent transparent #ddf2ff;
}

.speech.inv::after {
  border-color: #ddf2ff #ddf2ff transparent transparent;
}

/*----------------------------------------------------------------------------------------------------------*/
/* Frequently Asked Questions Section */
/*----------------------------------------------------------------------------------------------------------*/
/* Footer Section */
#footer {
  background-color: white;
  color: #111;
  /* very dark grey */
}

.footer a {
  color: #0f75bc;
  /* strong blue */
}

/* Social Media Icons */
.social li .fa-facebook:hover {
  color: #3b5998;
  /* facebook standard colour */
}

.social li .fa-twitter:hover {
  color: #55acee;
  /* twitter standard colour */
}

.social li .fa-youtube-play:hover {
  color: #cd201f;
  /* youtube standard colour */
}

.footer ul {
  color: #ececec;
  /* very light grey */
}

.social li i {
  color: #6a6a6a;
  /* dark grey */
}

.social li i:hover {
  color: #3e97db;
  /* bright blue */
}

/*----------------------------------------------------------------------------------------------------------*/
/* End Index Sections */
/* Begin Signup Sections */
/*----------------------------------------------------------------------------------------------------------*/
/* Reminder Text Section */
table tr td.day,
table tr td span.month,
table tr td span.year,
table tr td span.decade {
  background: #c3dafd;
  /* very soft blue */
}

/*----------------------------------------------------------------------------------------------------------*/
/* Continue Signup Section */
.continueSignup {
  background: #f9f9f9;
  /* very light grey */
  border-top-color: #0f75bc;
  /* strong blue */
  color: #202020;
  /* very dark grey */
}

/*----------------------------------------------------------------------------------------------------------*/
/* End Signup Sections */
/* Begin Profile Sections */
/*----------------------------------------------------------------------------------------------------------*/
/* Get Started Section */
#getStarted h2 {
  color: #0f75bc;
  /* strong blue */
}

#getStarted {
  background: #d2d2d2;
  /* light grey */
}

.get-started-important {
  background: #fffaaa;
  /* pale yellow */
}

/*----------------------------------------------------------------------------------------------------------*/
/* Referrals Section */
.figure {
  background: white;
  color: black;
}

.refer i {
  color: #0f75bc;
  /* strong blue */
}

/*----------------------------------------------------------------------------------------------------------*/
/* End Profile Sections */
/*----------------------------------------------------------------------------------------------------------*/
/* New Prison Section */
#start_section {
  background: #0f75bc;
  /* strong blue */
  color: white;
}

/*----------------------------------------------------------------------------------------------------------*/
.page-break {
  border-top: 1px solid #eee;
  width: 100%;
  height: 0;
}

/* General Colours Section */
.colour-white {
  background: white;
  color: black;
}

.colour-sepia {
  background: #9a7a5a;
  /* mostly desaturated dark orange */
  color: white;
}

.colour-blue {
  background: #0f75bc;
  /* strong blue */
  color: white;
}

/*----------------------------------------------------------------------------------------------------------*/
.text-white {
  color: white;
}

.text-black {
  color: black;
}

.text-red {
  color: #c43c3f;
  /* moderate red */
}

.text-green {
  color: #3c763d;
  /* dark moderate lime green */
}

.text-blue {
  color: #0f75bc;
  /* strong blue */
}

.text-grey {
  color: #222;
}

/*----------------------------------------------------------------------------------------------------------*/
/* login */
.forgot {
  color: #222;
  /* very dark grey */
}

/* Intro Section */
#introduction {
  /* background-image: url(../../images/background/family.jpg); */
  background-color: white;
  color: #202020;
  /* very dark grey */
}

#intro2 {
  background: #f9f9f9;
  /* very light grey */
  border-top-color: #0f75bc;
  /* strong blue */
  color: #202020;
  /* very dark grey */
}

.introduction .intro-section h1,
.intro .intro-section h1 {
  color: #202020;
  /* very dark grey */
}

.introduction .intro-section .btn-custom-border,
.intro .intro-section .btn-custom-border {
  color: white;
}

.taglinesmall {
  color: #202020;
  /* very dark grey */
}

.offer {
  border: 1px solid #0f75bc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#join li:before {
  color: #0f75bc;
  /* strong blue */
}

/* Signup Section */
.signupform input,
select,
textarea,
input-group {
  background-color: #e8e8e8;
  /* very light grey */
  color: black;
  border: #767676 1px solid;
}

.signupform #success_page p,
.signupform #message {
  color: white;
}

.signupform .btn {
  background-color: #0f75bc;
  /* strong blue */
  color: white;
}

.signupform .btn:hover {
  background-color: #02688e;
  /* dark blue */
}

#pricing {
  background-color: white;
}

.modal {
  color: black;
}

.grey {
  background-color: #cfcfcf;
  /* light grey */
}

.gold {
  background-color: #f0c82a;
  /* bright yellow */
}

.blue {
  background-color: #0f75bc;
  /* strong blue */
}

.red-profile,
.red-login {
  color: #f34c50;
  /* soft red */
}

.red-index {
  background-color: #f34c50 !important;
  /* soft red */
  border-color: #f34c50 !important;
  /* soft red */
}

.grey-activity,
.grey-activity-topup {
  background-color: #9e9e9e;
  /* dark grey */
  color: black;
}

.grey-activity-topup:hover {
  color: #23527c;
  /* dark blue */
}

/* background images */
#services,
.greygrid {
  background-image: url(../../images/background/blackbg.jpg);
  color: white;
}

/* get started */
/* continue signup */
/* colours */
/* from style */
.features .feature:hover .icon-container .icon {
  color: white;
}

.profile ul li {
  color: white;
}

.dropdown-menu {
  background-color: #E8E8E8;
}

.credit {
  color: #00CC00;
}

.debit {
  color: white;
}

#start_section a {
  color: #EFE556;
}

/* footer */
#referral h2 {
  color: #0f75bc;
}

#aboutLink {
  background: #0f75bc;
}

#aboutLink>div>a {
  color: white;
}

#aboutLink>div>a:hover {
  text-shadow: 0px 0px 8px #dddddd;
}

#faqsLink>div>a:hover {
  text-shadow: 0px 0px 8px #1fa1fb;
}

/* Navbar */
.navbar {
  background-color: #e8E8E8;
  /* very light grey */
}

.navbar-default .navbar-nav>li>a {
  color: #222;
  /* very dark grey */
}

.nav-tabs>li>a {
  color: white;
  border: 1px solid #e1e1e1;
}

.nav-tabs>li>a:hover {
  color: #444444;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #444444;
}

.nav-tabs>li.active>a {
  color: #444444;
}

.nav-tabs>li>a:hover {
  background-color: #E3DB7B;
  border-color: #E3DB7B;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  background-color: #0f75bc;
  border: 1px solid #0f75bc;
}

.btn-send:hover,
.btn-send:active,
.btn-custom:hover,
.btn-custom-border:hover,
.btn-slide:hover,
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-toggle {
  background-color: #1FA1FB;
  /* vivid blue */
  border-color: #1FA1FB;
  /* vivid blue */
}

.navbar-default button.navbar-toggle,
.navbar-default button.navbar-toggle:hover,
.navbar-default button.navbar-toggle:focus,
button.navbar-toggle {
  background-color: #f4f4f4;
  color: #000000;
  border: none;
}

.btn-slide,
.features .feature:hover .icon-container .icon,
.footer span.jobs {
  background-color: #02688E;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-nav>li.current a,
.features .feature .icon-container .icon,
.service i,
.service:hover h4,
.screens .screen .hover-screen i:hover,
.packages .package.featured .package-name,
ul.extra-features i,
.footer a:hover,
.footer i:hover {
  color: #0f75bc;
}

.background-image-black {
  background-image: url(../../images/background/blackbg.jpg);
  color: white;
}

.background-image-white {
  background-image: url(../../images/background/whitebg.jpg);
  color: black;
}

.background-image-blue {
  background-image: url(../../images/background/bluebg.jpg);
  color: white;
}

.background-image-red {
  background-image: url(../../images/background/redbg.jpg);
  color: white;
}

.background-image-brown-light {
  background-image: url(../../images/background/brownlightbg.jpg);
  color: black;
}

.background-image-brown-dark {
  background-image: url(../../images/background/browndarkbg.jpg);
  color: white;
}

.text-shadow-black {
  text-shadow: 0px 0px 1em black;
}

.text-shadow-white {
  text-shadow: 0px 0px 1em white;
}

.shadow-white-on-black {
  filter: drop-shadow(0px 0px 0.25em #fff) drop-shadow(0px 0px 0.5em #000);
}

.shadow-black-on-white {
  filter: drop-shadow(0px 0px 0.25em #000) drop-shadow(0px 0px 0.5em #fff);
}

.alert-info {
  color: #0f75bc;
  border-color: #0f75bc;
}

.alert-danger {
  color: #c43c3f;
  border-color: #c43c3f;
}

.alert-success {
  color: #4d984e;
  border-color: #4d984e;
}

.alert-warning {
  color: #ec971f;
  border-color: #f0ad4e;
}

.text-transparent {
  color: transparent;
}

.greyscale {
  filter: grayscale(100%);
}

.whitescale {
  filter: grayscale(100%) brightness(0%) invert(1);
}

.blackscale {
  filter: grayscale(100%) brightness(0%);
}