html,body {
	height: 100%;
}

body.my-page {
	/*background-color: #f7f9fb;*/
	/*background-color: rgba(46,145,252,0.05);*/
	background-color: #ecf0f1;
	font-size: 14px;
}
/*.container-wrapper {
   max-height: 725px;
   overflow:hidden;
   min-height:0px !important;
}*/
.icon{
    text-align: center;
}
.upper-bar{
	/*background-color: #3399ff;*/
	background-color: #60c7c1;
	color: #FFF;
	padding: 10px;
}

.page-item.active .page-link {
    background-color: #60c7c1 !important;
    border: 1px solid #60c7c1;
}
/*.page-link {
    color: green !important;
}*/
.upper-bar span{
	color: #bfc6c9;
}
.upper-bar .get-quote{
	display: inline-block;
	border: 1px solid #ec1c23;
	padding: 2px 10px;
	margin-left: 20px;
}
footer {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   color: #888;
   text-align: center;
   margin-bottom:0.5%;
}
/* Avatar*/
.inset {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,0.6), 
    0 1px 1px rgba(0,0,0,0.1);
  background-color: transparent !important;
  z-index: 999;
}

.inset img {
  border-radius: inherit;
  width: inherit;
  height: inherit;
  display: block;
  position: relative;
  z-index: 998;
}
/* End avatar*/

/* Nav bar 1*/
/* change navbar background on collapse */
@media (max-width: 768px) {
  nav.navbar {
    background: #fff;
	/*background: lightgray;*/
  }
}
.navbar-toggler:focus, .navbar-toggler:active {
    outline: none;
    box-shadow: none;
  }
.icon-bar {
	width: 22px; 
	height: 2px;
	background-color: #000;
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
}
.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}
/* End navbar1*/

/* Start navbar*/
.navbar-custom {
    background-color: #fff;
	margin-bottom: 10px;
}
.navbar-custom .navbar-nav .nav-link {
    color: #808080;
	font-size:18px;
}
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #808080;
}
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #45aba6;
    /*background-color: black;  add background-color to active links */
}
/*End navbar*/