@charset "utf-8";
/* CSS Document */ 
@font-face {
    font-family: 'Lato';
    src: url('/assets/fonts/Lato-Light.eot');
    src: url('/assets/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Lato-Light.woff2') format('woff2'),
        url('/assets/fonts/Lato-Light.woff') format('woff'),
        url('/assets/fonts/Lato-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/fonts/Lato-Medium.eot');
    src: url('/assets/fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Lato-Medium.woff2') format('woff2'),
        url('/assets/fonts/Lato-Medium.woff') format('woff'),
        url('/assets/fonts/Lato-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/fonts/Lato-Semibold.eot');
    src: url('/assets/fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Lato-Semibold.woff2') format('woff2'),
        url('/assets/fonts/Lato-Semibold.woff') format('woff'),
        url('/assets/fonts/Lato-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

body{
	margin:0px; padding:0px;
	font-family:sans-serif;
	font-weight:300;
	color:#666;
	background-color:#fbfbfb;
	/*
	overflow-x:hidden;
	*/
}

h1, h2, h3, h4, h5, h6{
	margin:0px; padding:0px;
	font-family:Lato;
	font-weight:300;
	color:#666;
	
}

a{
	text-decoration:none;
	color:#000000;
}
small.topbar-contact-links a{
	text-decoration:none;
}

.alert-label {
    position: absolute;
    bottom: -9px;
    right: 9px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #f00;
    color: #f00;
    font-size: 9px;
    padding: 3px 9px;
}

li.active-side-menu > a{
	background-color: #eee;
}


.topbar-contact-links i, .contact-info-col i{
	margin-right:9px;
}
.contact-info-col i{
	color: #03a9f4;
}

#reponsive-mobile-menu{
	display:none;
	width:100%;
	padding:18px 9px;
	position:absolute;
	top:72px;
	left:0px;
	background-color:#fff;
	margin-top:9px;
	border-top:1px solid #ccc;
	z-index:1000;
	overflow-y:auto;
	border-bottom:1px solid #eee;
}

#reponsive-mobile-menu ul{
	display:block;
	padding:0px;
	margin:0px;
	
}

#reponsive-mobile-menu ul > li{
	display:block;
	list-style-type:none;
}

#reponsive-mobile-menu ul > li > a{
	display:block;
	padding:9px 2px;
	text-decoration:none;
}

#reponsive-mobile-menu ul > li > ul{
	display:none;
	padding:9px 2px;
	margin-left:18px;
	text-decoration:none;
}

.statements-jumbotron{
	border:1px solid #eee;
	border-bottom:6px solid #bf0000;
	border-top:6px solid #19ca00;
	min-height:180px;
	padding:18px;
}

.mh-500{
	min-height:500px;
}

.captcha-code{
	font-size:27px;
	padding:9px 18px;
}
.search{
	padding:9px;
	border:1px solid #eee;
	margin-top:9px;
}


/* width */
::-webkit-scrollbar {
    width: 4px;
	height:4px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey; 
    background: #fff; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #000; 
	border-radius: 6px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: orange; 
}



img{
	border:none;
}
.separate-40{
	margin-bottom:40px;
}

.separate-20{
	margin-bottom:24px;
}
.red-badge{
	background-color:#f00;
	color:#fff;
}

.blue-badge{
	background-color:blue;
	color:#fff;
}

.green-badge{
	background-color:green;
	background-color:#12ca54;
	color:#fff;
}

.brown-badge{
	background-color:brown;
	color:#fff;
}

.orange-badge{
	background-color:orange;
	color:#fff;
}

.centered-text{
	text-align:center;
}

.flex-row{
	display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.no-padding-left{
	padding-left:0px;
}

.no-padding-right{
	padding-right:0px;
}


.flex-col-1{
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;	
}

.flex-col-2{
	-webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;	
}
.flex-col-3{
	-webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.flex-col-4{
	-webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
	
}

.flex-col-5{
	-webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
}

.flex-col-6{
	-webkit-flex: 6;
    -ms-flex: 6;
    flex: 6;
}

.flex-col-7{
	-webkit-flex: 7;
    -ms-flex: 7;
    flex: 7;
}

.flex-col-8{
	-webkit-flex: 8;
    -ms-flex: 8;
    flex: 8;
}

.flex-col-9{
	-webkit-flex: 9;
    -ms-flex: 9;
    flex: 9;
}
#header-logo{
	margin-top:9px;
	width:100%;
}

li.dropdown-menu{
	display:relative;
	top:0px;
	left:0px;
}

li.dropdown-menu > ul{
	display:absolute;
	top:20px !important;
	left:0px;
	z-index:1000;
}


.display-inline{
	display: inline;
	float:left;
}
.display-inline-block{
	display: inline-block;	
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}

.right-aligned-text, a.right-aligned-text{
	text-align:right;
}

#topbar{
	display:block;
	width:100%;
	background-color:#03a9f4;
	background-color:#000;
	border-bottom:1px solid #eee;
	color:#fff;
	padding:3px 0px;
}

#topbar a{	
	color:#fff;
	padding:3px 9px;
}
small.topbar-contact-links{
	margin-right:18px;
}
.menus{
	display:block;
	margin:0px;
	padding:0px;
}
.menus > li{
	display:inline-block;
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:0px;
}
.menus > li > a{
	display:block;
	margin:0px;
	padding:12px 18px;
	text-decoration:none;
	line-height:36px;
	font-size:16px;
}

.menus > li > ul{
	display:none;
	margin:0px;
	padding:0px;
	position:absolute;
	top:45px;
	right:18px;
	background-color:#fff;	
	border:1px solid #eee;
	width:162px;
	z-index:1000;
}

.menus > li > ul > li{
	list-style-type:none;	
}

.menus > li > ul > li > a{
	display:block;
	padding:5px 18px;
	text-decoration:none;
}
.seperated{
	border-top:1px dotted #eee;
}
ul.menus > li:hover > ul{
	display:block;
	
}
#menubar{
	display:block;
	width:100%;
	background-color:#fff;
	border-bottom:1px solid #eee;
	padding:9px 0px;
	position:relative;
	top:0px;
	left:0px;
}
#dashboard-menubar{
	display:block;
	width:100%;
	background-color:#fff;
	border-bottom:1px solid #eee;
	padding:9px 27px;
	position:relative;
	top:0px;
	left:0px;
}
#menu-hamburger{
	display:inline-block;
	padding:6px 15px;
}
#menu-hamburger > a{
	font-size:27px;
}
#slides, #m-slides{
	display:block;
	width:100%;
	height:500px;
	background-attachment: fixed;
}


#header-breadcrumb{
	display:block;
	width:100%;
	background-image:url('/images/header-img.png');
	background-size: cover;
	background-repeat:no-repeat;
	height:180px;
	background-attachment: fixed;
}

ul.flex-row{
	margin:0px;
	padding:0px;
}
ul.flex-row > li{
	list-style-type:none;
	text-align:right;
}

ul.flex-row > li > a{
	display:block;
	line-height:45px;
	color:#666;
	text-decoration:none;
}

ul.flex-row > li > a:hover{	
	color:#999;
}

#slide-text-box{
	display:block;
	width:100%;
	margin-top:45px;
}
#header-text-box{
	display:block;
	width:100%;
	margin-top:15px;
}
#slide-text-box > h1{
	font-size:360%;
}
#slide-text-box > h1, #slide-text-box > h2{
	color:#fff;
	margin-bottom:27px;
}
#header-text-box > h1{
	margin-top:45px;
}

#header-text-box > h1, #header-text-box > h3{
	color:#fff;
	margin-bottom:9px;
}

#slide-text-box > a{
	display:inline-block;
	background-color:#bf0000;
	/*color: #03a9f4;*/
	color: #fff;
	padding:9px 27px;
	font-size:18px;
	border-radius:6px;
	text-decoration:none;
}

#intro, #contact{
	display:block;
	width:100%;
	padding:36px 0px;
	background-color:#fff;
}

p.intro-texts, big.intro-texts{
	font-family: Lato;
	font-weight:300;
	line-height:27px;
	color:#333;
	font-size:18px;
}
#cta{
	display:block;
	width:100%;
	padding:36px 0px;
	background-color:#ffc107; 
	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
	
}

@-webkit-keyframes pulsating-btn {
	  0% {
	  	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
	  	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
	  }

	  70% {
	  	-moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	  	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	  }

	  100% {
	  	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	  	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	  }
}

@keyframes pulsating-btn {
	  0% {
	  	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
	  	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
	  }

	  70% {
	  	-moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	  	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	  }

	  100% {
	  	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	  	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	  }
}


@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
p.cta-text{
	color: #fff;
	font-size:27px;
	font-weight:400;
	line-height:36px;
	font-family: Lato;
	font-weight:100;
}

a.cta-link{
	display:inline-block;
	padding:6px 9px;
	background-color:#fff;
	color:#333;
	font-size:18px;
	border-radius:6px;
	
	
}


.custom-form-control{
	display:block;
	width:100%;
	padding:9px 18px;
	border:1px solid #ccc;
}

textarea.custom-form-control{
	height:270px;
}

.custom-submit-btn{
	display:inline-block;
	padding:9px 18px;
	border:1px solid #333333;
	background-color: #000000;
	color:#fff;
}
a.custom-submit-btn{
	text-decoration:none;
	color:#fff;
}

#footer{
	display:block;
	width:100%;
	background-color:#ffb030;
	background-color:#000;
	border-top:0px solid #eee;
	color:#fff;
	padding:9px 0px;
}

#pre-footer{
	padding:72px;
	background-color:#111;
	border-top:0px solid #eee;
}
#pre-footer h2{
	color:#ffffff !important;
	
}

.white-texts{
	color:#ffffff !important;
}
h2.white-texts{
	font-weight:300;
}

#footer a{
	color:#fff;
	text-decoration:none;
}
 
.footer-link-blocks{
	margin-bottom:36px;	
}
 
.footer-link-blocks ul{
	display:block;
	margin:18px 0 0 0;
	padding:0px;	
}
.footer-link-blocks ul li{
	display:block;
	margin:0px;
	padding:0px;
	list-style-type:none;	
}
.footer-link-blocks ul li > a{
	display:block;
	margin:0px;
	padding:2px 0px;
	font-size:13px;	
	color:#999;
	text-decoration:none;
}

.dashboard-sidebar{
	display:block;
	margin:27px 0px;
	padding:0px;
	background-color:transparent;
}

.dashboard-sidebar > li, .dashboard-sidebar ul > li{
	display:block;
	margin:0px;
	padding:0px;
	list-style-type: none;
}
.dashboard-sidebar > li > a{
	display:block;
	margin:0px;
	padding:10px;
	text-decoration:none;
	background-color:#fff;
	padding-left:27px;
	margin-bottom:2px;
	border:1px solid #eee;
}

.dashboard-sidebar ul{
	display:none;
	margin:0px 0px 2px 27px;
	padding:0px;
	background-color:#eee;
}
.dashboard-sidebar  ul > li a{
	display:block;
	margin:0px;
	padding:5px 10px;
	text-decoration:none;
	background-color:transparent;
	padding-left:27px;
	margin-bottom:2px;
	border-bottom:1px solid #ccc;
}
.dashboard-sidebar  li a > span.pull-left i{	
	margin-right:27px;
	
}

.container-fluid{
	padding:0px 27px;
}

a.page-top-btns{
	display:inline-block;
	padding:6px 18px;
	font-size:13px;
	background-color: green;
	color:#fff;
	text-decoration:none;
	font-weight:600;
	animation: pulsating-btn 1s infinite;
}

a.page-top-btns > i.left-icon{
	margin-right:18px;
}
a.page-top-btns > i.right-icon{
	margin-left:18px;
}

#e-pin-quantity-holder{
	display:block;	
}
#e-pin-quantity-holder > h1{	
	font-size:90px;	
}

.quantity-update-btn{
	border:1px solid #eee;
	text-align:center;
	font-size:32px;
	font-weight:100;
	cursor:pointer;
}

form#cart-quantity-form button[type='submit']{
	display:inline-block;
	padding:12px 28px;
	background-color:blue;
	color: #fff;
	border: 1px solid blue;
	margin-top:27px;
	font-size:15px;
}

form#cart-quantity-form button[type='submit'] i{	
	margin-right:18px;
}
.dashboard-summary-boxes{
	display:block;
	background-color:#fff;
	border:1px solid #eee;
	padding:18px;
}
.summary-box-figure{
	font-size:36px;
	font-size:100;
	text-align:right;
	color: #555;
}
.summary-box-title{
	display:block;
	text-align:right;
	color: #e0992b;
}

.custom-modals{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,0.63);
	z-index:10000;
}

.modal-toolbar{
	display:block;
	background-color:#bb0200;
	padding:12px;
	margin-top:27px;
}
.modal-content-box{
	margin-top:0px;
	display:block;
	width:100%;
	background-color:#fff;
	padding:18px;
}

a.custom-top-link-btn{
	display:inline-block;
	font-size:16px;
	background-color:blue;
	color:#fff;
	text-decoration:none;
	padding:6px 18px;
}

section#statements{
	display:block;
	width:100%;
	padding:45px 0px;
	background-color:#fff;
}
section.body-contents{
	display:block;
	width:100%;
	padding:45px 0px;
	background-color:#fff;
}
.mb-1{
	margin-bottom:10px;
}
.mb-2{
	margin-bottom:20px;
}
.mb-3{
	margin-bottom:30px;
}
.mb-4{
	margin-bottom:40px;
}
.mb-5{
	margin-bottom:50px;
}
.mb-6{
	margin-bottom:60px;
}


.ml-1{
	margin-left:10px;
}
.ml-2{
	margin-left:20px;
}
.ml-3{
	margin-left:30px;
}
.ml-4{
	margin-left:40px;
}
.ml-5{
	margin-left:50px;
}
.ml-6{
	margin-left:60px;
}


.mt-1{
	margin-top:10px;
}
.mt-2{
	margin-top:20px;
}
.mt-3{
	margin-top:30px;
}
.mt-4{
	margin-top:40px;
}
.mt-5{
	margin-top:50px;
}
.mt-6{
	margin-top:60px;
}

.mr-1{
	margin-right:10px;
}
.mr-2{
	margin-right:20px;
}
.mr-3{
	margin-right:30px;
}
.mr-4{
	margin-right:40px;
}
.mr-5{
	margin-right:50px;
}
.mr-6{
	margin-right:60px;
}




.l-23{
	line-height:23px;
}

a.custom-top-link-btn > i.left{
	margin-right:9px;
}
ul.dashboard-sidebar > li.parent-account-btn > a{
	background-color:orange;
	color:#fff;
}

@media only screen and (max-width: 900px) {
	  /* For mobile phones: */
	  [class*="flex-col-"] {
		display:block;
		width: 100%;
		clear:both;
	  }
	  .hidden-sx, .hidden-sm{
		  display:none;
	  }
	  .hide-in-small{
		display:none;
	  }
	  #header-logo{
		width:50%;
		margin-top:9px;
		margin-left:15px;
	  }
	  #slide-text-box{
		  padding-left:15px;
	  }
	  
	  .skewed-grey, .skewed-white{
		min-height:720px;
	  }
	  
	.who-we-are-texts{
		margin-top:90px;  
		margin-bottom:90px;
		margin-right:36px;
	}
}
@media only screen and (min-width: 768px) {
  /* For mobile phones: */
  .hide-in-big{
	display:none;
  }
}

.who-we-are-texts{
	padding:27px 18px 27px 63px;
	color:#fff;
}

.who-we-are-texts > p{
	color:#fff;
}

.who-we-are-texts > h1, .who-we-are-texts > h2, .who-we-are-texts > h3, .who-we-are-texts > h4{
	color:#fff;
	border-bottom:1px solid #fff;
	margin-bottom:16px;
	padding-bottom:9px;
}

.no-padding{
	padding:0px;
}
.no-margin{
	margin:0px;
}
.custom-modal{
	display:none;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.63);
	position:fixed;
	top:0px;
	left:0px;
	z-index:1000;
}

a#about-read-more-btn{
	display:inline-block;
	border:2px solid #fff;
	padding:5px 18px;
	color:#fff;
	margin-top:18px;
	text-decoration:none;
}

a#howitworks-read-more-btn{
	display:inline-block;
	border:2px solid #666;
	padding:5px 18px;
	color:#333;
	margin-top:18px;
	text-decoration:none;
}
a#about-content-close-btn, a#howitwork-content-close-btn{
	display:inline-block;
	color:#f00;
	font-size:27px;
}
#reponsive-mobile-menu-2{
	display:none;
	width:100%;
	margin-top:18px;
}
ul.mobile-dashboard-sidebar{
	display:block;
	margin:0;
	padding:0;
}
ul.mobile-dashboard-sidebar > li{
	display:block;
	list-style-type:none;
	margin-bottom:1px;
}

ul.mobile-dashboard-sidebar > li > ul{
	display:none;	
}

ul.mobile-dashboard-sidebar > li > ul > li{
	display:block;
	list-style-type:none;	
}

ul.mobile-dashboard-sidebar > li > ul > li > a{
	display:block;
	padding:6px 18px;
	text-decoration:none;
}

ul.mobile-dashboard-sidebar > li > a{
	display:block;
	padding:6px 18px;
	background-color:#fff;
	border:1px solid #eee;
	text-decoration:none;
}

ul.mobile-dashboard-sidebar > li > a > span{
	margin-right:18px;
}

@keyframes hideLoader{ 
	0%{ width: 100%; height: 100%; } 
	100%{ width: 0; height: 0; } 
} 
	
body > div.loader{ 
	position: fixed; 
	background: white; 
	width: 100%; 
	height: 100%; 
	z-index: 1071; 
	opacity: 0; 
	transition:	opacity .5s ease; 
	overflow: hidden; 
	pointer-events: none; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
} 
body:not(.loaded) > div.loader{ 
	opacity: 1; 
} 
body:not(.loaded){ 
	overflow: hidden; 
} 
body.loaded > div.loader{ 
	animation: hideLoader .5s linear .5s forwards; 
} 
.loading-animation{
	width:40px;
	height:40px;
	margin:100px auto;
	background-color:orange;
	border-radius:100%;
	animation:pulse 1s infinite ease-in-out;
}
@keyframes pulse{
	0%{-webkit-transform:scale(0);transform:scale(0)}
	100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}

.faq-question{
	color:#06f;
}

.faq-answer{
	color:#bb0200;
}

.team-cards{
	background-color:#f9f9f9;
	padding:0px;
	border:1px solid #eee;
	border-radius:9px 9px 0px 0px;
	position:relative;
	box-shadow: 0px 2px 18px 0px rgba(198,198,198,0.3);
}

.team-cards > img{
	width:100%;
	border-radius:9px;
}

.team-cards > p{
	position:absolute;
	bottom:27px;
	left:0px;
	display:block;
	width:auto;
	padding:9px 18px;
	/*
	background-color:rgba(24, 204, 0, 0.72);
	*/
	background-color: rgba(0, 102, 255, 0.64););
	color:#fff;
	border-radius:0px 9px 9px 0px;
}


section.body-contents{
	background-image:url(/images/background-.jpg);
	background-repeat:no-repeat;
	background-color:#f9f9f9; 
	background-size:cover;	
}


.skewed-white{
	display:block;
	background:#fff !important;
	width:100%;
	height:400px;
	position:relative;
	line-height:30px;
	font-size:15px;
}
.skewed-white:after{
	position:absolute;
	top:50px;
	display:block;
	width:100%;
	height:100%;
	background:#fff;
	content:'';
	z-index:-1;
	transform-origin: top left;
	-webkit-transform: skewY(-2deg);
}

.skewed-grey{
	display:block;
	background:#bb0200 !important;
	width:100%;
	height:400px;
	position:relative;
	top:90px;
	line-height:30px;
	font-size:15px;
	color:#fff;
}
.skewed-grey:after{
	position:absolute;
	top:50px;
	display:block;
	width:100%;
	height:100%;
	background:#f9f9f9;
	background:#bb0200;
	content:'';
	z-index:-1;
	transform-origin: top left;
	-webkit-transform: skewY(-2deg);
}

.grey-skewed-seperator{
	clear:both;
	position:absolute;
	top:-2px;
	display:block;
	width:100%;
	height:180px;
	background:#f9f9f9;
	background:#bb0200;
	content:'';
	z-index:-1;
	transform-origin: bottom left;
	-webkit-transform: skewY(-2deg);
	margin-bottom:400px;
}

.white-texts{
	color:#fff;
}

/* TOAST SECTION */

#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: green;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {top: 0; opacity: 0;} 
  to {top: 60px; opacity: 1;}
}

@keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 60px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {top: 60px; opacity: 1;} 
  to {top: 0; opacity: 0;}
}

@keyframes fadeout {
  from {top: 60px; opacity: 1;}
  to {top: 0; opacity: 0;}
}

.topbar-list{
	margin:0px;
	padding:0px;
}

.topbar-list li{
	list-style-type:none;
	display:inline-block;
	margin-left:18px;
	line-height:27px;
}
.topbar-list li > small i{
	margin-right:9px;



/* TOAST SECTION ENDS */