body{
  font: 400 15px Lato, sans-serif;
  line-height: 1.8;
  color: #818181;
}
h2{
  font-size: 24px;
  text-transform: uppercase;
  color: #303030;
  font-weight: 600;
  margin-bottom: 30px;
}
h4{
  font-size: 19px;
  line-height: 1.375em;
  color: #303030;
  font-weight: 400;
  margin-bottom: 30px;
}  
#loginPage
{
  background-color: grey;
  background-image: url('images/tile.jpg');
}
#accordion
{
  margin-top: 70px;
}
#seconds
{
   color: #FF0000;
   font-size: 70px;
}
#sysNotifyNum{
    color:#FF0000;
    font-weight:bold;
}
#docNotifyNum{
    color:#FF0000;
    font-weight:bold;
}
.emailc{
    display:none;
}
.jumbotron {
  background-color: #f4511e;
  color: #fff;
  padding: 100px 25px;
  font-family: Montserrat, sans-serif;
}
.container-fluid {
  padding: 60px 50px;
}
.bg-grey {
  background-color: #f6f6f6;
}
.logo-small {
  color: #f4511e;
  font-size: 50px;
}
.thumbnail {
  padding: 0 0 15px 0;
  border: none;
  border-radius: 0;
}
.thumbnail img {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}
.carousel-control.right, .carousel-control.left {
  background-image: none;
  color: #f4511e;
}
.carousel-indicators li {
  border-color: #f4511e;
}
.carousel-indicators li.active {
  background-color: #f4511e;
}
.item h4 {
  font-size: 19px;
  line-height: 1.375em;
  font-weight: 400;
  font-style: italic;
  margin: 70px 0;
}
.item span {
  font-style: normal;
}
.panel {
  border-radius:0 !important;
  transition: box-shadow 0.5s;
}
.panel:hover {
  box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.panel-footer .btn:hover {
  border: 1px solid #7C00FC;
  background-color: #fff !important;
  color: #f4511e;
}
.panel-heading {
  color: #fff !important;
  background-color: #7C00FC !important;
  padding: 25px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.panel-footer {
  background-color: white !important;
}
.panel-footer h3 {
  font-size: 32px;
}
.panel-footer h4 {
  color: #aaa;
  font-size: 14px;
}
.panel-footer .btn {
  margin: 15px 0;
  background-color: #f4511e;
  color: #fff;
}
.panel-group
{
  padding-bottom: 20px;
}
.navbar {
  margin-bottom: 0;
  background-color: #fff;
  z-index: 9999;
  border: 0;
  font-size: 12px !important;
  line-height: 1.42857143 !important;
  letter-spacing: 4px;
  border-radius: 0;
  font-family: Montserrat, sans-serif;
  box-shadow: 0px 3px 5px #888888;
}
.navbar li a, .navbar .navbar-brand {
  color: #868686 !important;
  border-bottom: solid 4px #FFF;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
  color: #7D00FC !important;
  border-bottom: solid 4px #7D00FC;
}
.navbar-default .navbar-toggle {
  border-color: transparent;
  color: #fff !important;
}
footer .glyphicon {
  font-size: 20px;
  margin-bottom: 20px;
  color: white;
}
.slideanim {visibility:hidden;}
.slide {
  animation-name: slide;
  -webkit-animation-name: slide;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  visibility: visible;
}
@keyframes slide {
0% {
  opacity: 0;
  transform: translateY(70%);
} 
100% {
  opacity: 1;
  transform: translateY(0%);
}
}
@-webkit-keyframes slide {
0% {
  opacity: 0;
  -webkit-transform: translateY(70%);
} 
100% {
  opacity: 1;
  -webkit-transform: translateY(0%);
}
}
.prepaid
{
  display:block;
}
.contract
{
  display:none;
  color: #F4511E;
}
.preBtn
{
  color: #00EC00;
  font-weight: bold;
  background-color: white;
  padding: 20px 30px 20px 30px;
  border: solid 4px #00EC00;
    margin-bottom: 0px;
}
.conBtn
{
  color: white;
  font-weight: bold;
  background-color: #B1B1B1;
  padding: 10px 10px 10px 10px;
  border: none;
}
.pricing
{
  margin-top: 20px;
}
.ph-text
{
color: white;
}
.desktop
{
	display: block;
}
.cu-div
{
	display: none;
}
.j-content
{
	border: solid 2px white;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 10px 0px 10px;
}
.sep
{
	padding: 60px 0px 80px 0px;
	border-bottom: solid 2px #F4511E;
}
.sep1
{
	padding: 60px 0px 80px 0px;
}
.last-sep
{
	padding: 60px 0px 30px 0px;
}
.borda
{
	border-top: solid 1px #F4511E;
	background-color: #F4511E;
}
.headings
{
	font-weight: bold;
	font-size: 33px;
	color: #F4511E;
}
.promo-tag
{
    color: #950095;
    font-size: 60px;
    font-family: 'Kaushan Script', cursive;
    -ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
    transform: rotate(-20deg);
    margin-top: 0px;
}
.promo
{
    color: white;
    font-size: 25px;
    font-family: 'Kaushan Script', cursive;
    background-color: #950095;
}
.promo-text
{
    text-decoration: line-through;
}
.the-title
{
    font-size: 50px;
    text-align: center;
    font-family: 'Pacifico', cursive;
    color: #00D900;
}
.the-sub-title
{
    font-size: 20px;
    text-align: center;
}
.rac
{
    border: solid 5px #00D900;
}
.nl
{
    border-top: solid 5px #F4511E;
    border-bottom: solid 5px #F4511E;
}
.rac-reply
{
    color: white;
    font-size: 30px;
    padding: 20px;
    border: solid 2px white;
}
.uk-form-large
{
    margin-bottom: 10px;
}
.unselectable
{
    background-color: transparent;
    border: none;
    border-bottom: solid 2px transparent;
    color: #2D2D2D;
}
.unselectable:hover
{
    background-color: #DDDDDD;
    border-bottom: solid 2px #F4511E;
}
.toolbar
{
    background-color: #F0F0F0;
    border:solid 1px #C0C0C0;
    border-bottom: none;
    padding: 5px 0 5px 0;
}
.pview
{
    border: solid 1px #D6D6D6;
    padding:5px;
}
.drop
{
    -khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #00CECE;
	padding: 3px;
	color: white;
}
.img-align
{
    display: block;
    margin: 0 auto;
}
.right-CTA
{
    border: dashed 2px #f4511e;
    -khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 10px 30px 10px;
	text-align: center;
	margin-bottom: 20px;
}
.right-JNL
{
    background-color: #515151;
	padding: 20px 10px 30px 10px;
	text-align: center;
	border-top: solid 5px #f4511e;
	border-bottom: solid 5px #f4511e;
}
.right-CTA-heading
{
    font-family:Arial;
    color:black;
    font-size:25px;
    font-weight:bold;
}
.right-JNL-heading
{
    font-family:Arial;
    color:white;
    font-size:20px;
}
.right-CTA-content
{
    font-family:Arial;
    color:black;
    font-size:18px;
    margin-bottom: 20px;
}
.coupon
{
    color:#00EC00;
}
.artMod
{
   margin-bottom: 0;
}
.undo
{
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.response
{
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}
.res
{
    margin-top: 0px;
    padding: 5px;
    text-align: center;
    color: #FFFFFF;
}
.fa
{
    margin: 2px;
    color: white;
}
.fa-envelope-o
{
    padding: 10px 12px 10px 12px;
    background-color: gray;
}
.fa-facebook
{
    padding: 10px 18px 10px 18px;
    background-color: #3B5998;
}
.fa-twitter
{
    padding: 10px 12px 10px 12px;
    background-color: #00ACED;
}
.fa-whatsapp
{
    padding: 10px 14px 10px 14px;
    background-color: #29A71A;
}
.fa-linkedin
{
    padding: 10px 14px 10px 14px;
    background-color: #0274B3;
}
.fa-linkedin:hover,.fa-whatsapp:hover,.fa-twitter:hover,.fa-facebook:hover,.fa-envelope-o:hover
{
    background-color: #F4511E;
}
.imgTD
{
    vertical-align:center;
}
.textTD
{
    color:black;
    vertical-align:center;
}
.modal-body
{
    text-align:left;
}
.txtarea
{
    -khtml-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -khtml-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}
.footer-slogan
{
    color:#FFF;
}
.suggestion-box
{
    width:200px;
    border:solid 1px #EEEEEE;
    margin-top:7px;
    color:#727272;
    box-shadow: 2px 2px 5px #DBDBDB;
    text-align: left;
}
.suggestion-heading
{
    background-color:#EEEEEE;width:100%;padding-left:5px;text-align: left;
}
.suggestion
{
    padding-left:5px;
    cursor: pointer;
}
.timeOutBox
{
    text-align: center;
    color: #000;
}
.timeOutHeader
{
    color: #FF0000;
    font-family: Arial;
}
.timeOutMessage
{
    font-family: Arial;
}
@media screen and (max-width: 768px) {
.col-sm-4 {
  text-align: center;
  margin: 25px 0;
}
.btn-lg {
    width: 100%;
    margin-bottom: 35px;
}
.preBtn
{
    margin-bottom: 5px;
}
.ph-text
{
	display: none;
}
.desktop
{
	display: none;
}
.cu-div
{
	display: block;
	text-align: center;
}
.wp
{
	display: none;
}
.promo-tag
{
    margin-top: 20px;
}
}
@media screen and (max-width: 480px) {
}
.img-center
{
	margin: 0px auto;
	display: block;
}
.header4
{
	color: #F4511E;
}
.modal-content
{
	margin-top: 100px !important;
}
.title-colour
{
	color: #7C03FB;
}
.p-header
{
	color: white;
}
.b-btn
{
	border: solid 1px #00EC00;
	background-color: #00EC00;
	color: white;
	font-weight: bold;
}
.b-btn:hover
{
	border: solid 1px #00EC00;
	background-color: white;
	color: #00EC00;
}
.host-heading
{
	border-top: solid 1px #F4511E;
	font-weight: bold;
	color: #F4511E;
	font-size: 22px;
	text-transform: uppercase;
}
.sub-heading
{
	font-size: 18px;
	font-weight: bold;
}
.term-heading
{
	color: #F4511E;
}
.login-wind
{
	max-width: 340px;
	width: 100%;
	padding: 20px 20px 20px 20px;
	border: solid 3px #7C4396;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin: 130px auto 0px;
	background-color: white;
}
.login-msg
{
	margin: 30px auto;
	max-width: 340px;
	padding: 10px 10px 5px 5px;
	background-color: red;
	color: white;
	font-weight: bold;
	text-align: center;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.logo
{
	display: block;
	margin: 0px auto 20px;
}
.footer-branding
{
	color: white;
}
.succ
{
	margin: 0px auto 0px;
	width: 100%;
	max-width: 300px;
	color: white;
	font-weight: bold;
	background-color: #00DF00;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 20px 10px 5px 10px;
	text-align: center;
}
.notsucc
{
	margin: 0px auto 0px;
	width: 100%;
	max-width: 300px;
	color: white;
	font-weight: bold;
	background-color: red;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 20px 10px 5px 10px;
	text-align: center;
}
.notify
{
	border-top: solid 2px white;
	color: white;
	font-weight: bold;
	background-color: #00E800;
	padding: 10px 10px 5px 10px;
-webkit-transition: background-color 0.5s ease-in-out;
-moz-transition: background-color 0.5s ease-in-out;
-o-transition: background-color 0.5s ease-in-out;
-khtml-transition: background-color 0.5s ease-in-out;
transition: background-color 0.5s ease-in-out;
}
		.overlay-bg 
{
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
cursor: default;
z-index: 1000; /* high z-index */
background: #000; /* fallback */
background: rgba(0,0,0,0.7);
}
.overlay-content 
{
max-width: 400px;
	width: 100%;
	padding: 10px 10px 10px 10px;
	border: solid 3px #F4511E;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin: 130px auto;
	background-color: white;
}
.popup1
{
text-align: center;
}
.image-align
{
display: block;
margin: 0px auto;
}
.ok-btn
{
display: block;
margin: 10px auto;
color: white;
background-color: #F4511E;
padding: 5px 10px 5px 10px;
font-weight: bold;
border: none;
-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.ok-btn:hover
{
color: white;
background-color: #CC3909;
transition: all .2s ease-in-out;
 -o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
}
.up-con
{
transition: all .2s ease-in-out;
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
}
.up-con:hover
{
border: solid 1px #337AB7;
background-color: white;
text-decoration: none;
color: #337AB7;
}
.up-rac
{
background-color: #00D900;
border: solid 1px white;
font-weight:bold;
font-family: Calibri, Verdana, Helvetica, sans-serif;
transition: all .2s ease-in-out;
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: white;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-size: 18px;
}
.up-rac:hover
{
border: solid 1px #00D900;
background-color: white;
text-decoration: none;
color: #00D900;
}
.up-nl
{
background-color: #00D900;
border: solid 1px white;
font-weight:bold;
font-family: Calibri, Verdana, Helvetica, sans-serif;
transition: all .2s ease-in-out;
-o-transition: all 0.218s;
-moz-transition: all 0.218s;
-webkit-transition: all 0.218s;
color: white;
padding: 10px 40px 10px 40px;
text-decoration: none;
font-size: 18px;
display: block;
margin: 0 auto;
}
.up-nl:hover
{
border: solid 1px #00D900;
background-color: white;
text-decoration: none;
color: #00D900;
}
.restricted-msg
{
text-align: center;
font-weight: bold;
color: red;
}
.amount-msg
{
text-align: center;
font-weight: bold;
color: #F4511E;
font-size: 22px;
}
.notify-msg
{
text-align: center;
}
.table-td
{
border-bottom: solid 1px #F4511E;
}
.table-info
{
padding: 2px 5px 2px 5px;
}
.dropdown-menu li a
{
color: #000 !important;
font-size: 12px;
}
.op
{
cursor: pointer;
}
.atf-bg
{
background-color: white;
background-image: url('../images/office-background-team-work.jpg');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.about-text
{
color: #303030;
}
.glyphicon-bell{
    font-size:20px;
    color:#DFDFDF;
}
.notify-btn{
    border:none;
    background-color:transparent;
    padding-top:13px;
}
.notify-p:hover{
    background-color:#F8F8F8;
}
.notifNavBtn{
    background-color:transparent;
    border:none;
    border-right:solid 1px #CFCFCF;
    color:#787878;
}
.notifNavBtn:hover{
    color:#000;
}
.notifNavBtnActive{
    color:#FFF;
    background-color:#CFCFCF;
}
.notificationsBody{
    list-style-type: none;
    text-align:left;
    padding-left: 2px;
}
.notificationsBody>li{
    padding: 5px 10px 5px 10px;
    margin-bottom:1px;
    border-left:solid 5px #FF0000;
}
.notificationsBody>li:hover{
    background-color:#EEEEEE;
}
.notifyNum{
    color:#FF0000;
    font-weight:bold;
}
a.refrsh:link,a.refrsh:visited{
	background-color: #F4511E;
	border: solid 2px white;
	font-weight:bold;
	font-family: Calibri, Verdana, Helvetica, sans-serif;
	transition: all .2s ease-in-out;
	-o-transition: all 0.218s;
	-moz-transition: all 0.218s;
	-webkit-transition: all 0.218s;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: white;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	font-size: 18px;
}
a.refrsh:hover,a.refrsh:active
{
	border: solid 2px #F4511E;
	background-color: white;
	text-decoration: none;
	color: #F4511E;
}
a.preview:link,a.preview:visited
{
	float: right;
	background-color: #00CECE;
	border: solid 1px white;
	font-weight:bold;
	font-family: Calibri, Verdana, Helvetica, sans-serif;
	transition: all .2s ease-in-out;
	-o-transition: all 0.218s;
	-moz-transition: all 0.218s;
	-webkit-transition: all 0.218s;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	font-size: 18px;
}
a.preview:hover,a.preview:active
{
	border: solid 1px #00CECE;
	background-color: white;
	text-decoration: none;
	color: #00CECE;
}
a.coll-btn:link,a.coll-btn:visited
{
	background-color: #00CECE;
	border: solid 1px white;
	font-weight:bold;
	font-family: Calibri, Verdana, Helvetica, sans-serif;
	transition: all .2s ease-in-out;
	-o-transition: all 0.218s;
	-moz-transition: all 0.218s;
	-webkit-transition: all 0.218s;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	font-size: 18px;
}
a.coll-btn:hover,a.coll-btn:active
{
	border: solid 1px #00CECE;
	background-color: white;
	text-decoration: none;
	color: #00CECE;
}
a.notify-link:link,a.notify-link:visited
{
	color: #FFF;
	text-decoration: underline;
}
a.notify-link:hover,a.notify-link:active
{
	text-decoration: none;
}
a.wp:link,a.wp:visited
{
	background-color: white;
	border: solid 2px white;
	font-weight:bold;
	font-family: Calibri, Verdana, Helvetica, sans-serif;
	transition: all .2s ease-in-out;
	-o-transition: all 0.218s;
	-moz-transition: all 0.218s;
	-webkit-transition: all 0.218s;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	color: #F4511E;
	padding: 5px 30px 5px 30px;
	text-decoration: none;
	font-size: 20px;
}
a.wp:hover,a.wp:active
{
	border: solid 2px white;
	background-color: #F4511E;
	text-decoration: none;
	color: white;
}
a.right-CTA-button:link,a.right-CTA-button:visited
{
	background-color:#00EC00;
	border: solid 2px white;
	font-weight:bold;
	font-family: Calibri, Verdana, Helvetica, sans-serif;
	transition: all .2s ease-in-out;
	-o-transition: all 0.218s;
	-moz-transition: all 0.218s;
	-webkit-transition: all 0.218s;
	color: white;
	padding: 10px 50px 10px 50px;
	text-decoration: none;
	font-size: 16px;
}
a.right-CTA-button:hover,a.right-CTA-button:active
{
	border: solid 2px #00EC00;
	background-color: white;
	text-decoration: none;
	color: #00EC00;
}
.notificationsBody>li>a:link,.notificationsBody>li>a:visited{
    color:#000;
}
.notificationsBody>li>a:hover,.notificationsBody>li>a:active{
    text-decoration:none;
}