html,body{
    height: 100%;

}

.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {

    max-height:100%;
    
    }

.navbar-custom .nav-item:hover .nav-link {
    background-color: rgba(255,255,255,.1); /* add background-color to active links */

}

.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: #fff;
    font-weight:400;
    font-size:14px;
    text-transform:uppercase;
    margin:5px 0px;
     background-color: rgba(255,255,255,.1);

}

@media(min-width: 768px){
.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: #fff;
    font-weight:400;
    font-size:14px;
    text-transform:uppercase;
    margin:0px;
     background-color: rgba(255,255,255,.0);

}
    }


@media(min-width: 992px){
.navbar-nav > li{
  padding-left:.4em;
  padding-right:.4em;
}
}
@media(min-width: 1280px){
.navbar-nav > li{
  padding-left:1.0em;
  padding-right:1.0em;
}
}
a.navbar-brand img {

    height:30px
}

/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #e65100;
}

.animated-icon2 span {
background: #e3f2fd;
}

.animated-icon3 span {
background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
top: 0px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
top: 10px;
}

.animated-icon2 span:nth-child(4) {
top: 20px;
}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px;
}

.animated-icon3.open span:nth-child(2) {
width: 0%;
opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 21px;
left: 8px;
}
@media (min-width: 992px){
.carcarousel-inner{
	height: 500px
}
.carousel-item img {
	height: 500px
}
}
footer{
	font-size: .85rem;
	border-top: 1px dotted #FFEBEE;
} 

.btn-rounded {
    -webkit-border-radius: 10em;
    border-radius: 10em;
}

.mdb-lightbox figure {

    margin: 0;
    float: left;

} 
.mdb-lightbox [class*="col-"] {

    padding: .5rem;

}

.file-field {

    position: relative;

}
.file-field .btn {

    float: left;

}

.file-field span {

    cursor: pointer;

}

.file-field input[type="file"] {

    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;

}

.file-field .file-path-wrapper {

    overflow: hidden;
    padding-left: 10px;
    height: 2.5rem;

}

.file-field input.file-path {

    width: 100%;
    height: 36px;

}

.md-form input[type="date"], .md-form input[type="datetime-local"], .md-form input[type="email"], .md-form input[type="number"], .md-form input[type="password"], .md-form input[type="search-md"], .md-form input[type="search"], .md-form input[type="tel"], .md-form input[type="text"], .md-form input[type="time"], .md-form input[type="url"], .md-form textarea.md-textarea {

    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 1px solid #ced4da;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent;

}

.md-form label{
  font-weight: normal !important;
}

.mdb-lightbox figure a{
   cursor: zoom-in;
}
.phone-icon
{
font-size:16px; vertical-align:middle; border:1px solid; border-radius:10rem;padding:1px;
}

.md-form label{
  font-weight: normal !important;
}

.img-fluid2{
    border:7px solid #e6e6e6;


}

#acamember_length label{
    display: none;
}

.mdb-color {

    background-color: #45526e !important;
    width: 78%;
    margin: 0 auto;
    padding: 3px;
    border: 1px solid;

}

.close{
    position: absolute !important;
    right:20px;
    width:30px;
    height:30px;
    text-align:center;
    top:10px;



}

.mg-fluid{
    float: left;
    width:20%;
    margin-right:20px;

}

.list-group{
    list-style: none;

}

.list-group-itemab{
  
    font-size:16px;
   color:#000;
  
   line-height:30px;
   font-weight:400;
  

}

.list-group-itemab .clr{
    font-size:14px;
    margin-right:5px;
    color:#grey;
    border:1px solid #eeeded;
padding:2px 5px;
background:#eeeded;


}

.hrr{
    width:50px;
    color:#f44336;
    background: #f44336;


}

.tdattitle{
    font-size:16px;
    font-weight:500; 
}

.tdat{
    font-size:11px;
    font-weight:400;


}

@media(min-width:768px){
.tdat{
    font-size:17px;
    font-weight:500;


}

}

.page-overlay1, .popup1 {
    position: fixed;
    z-index: 100;
    display: none;
   
}


.page-overlay1 {
    width: 100%;
    height: 100%;
    background-color: #000;
    top: 0;
    opacity: .8;


}
.popup1 {
    width: 300px;
    height: 300px;
    margin: auto;
    background-color: #FFF;
    top:20%;
    left: 0;
    right: 0;
    opacity: 100%;
      z-index:9999;
       -webkit-animation: mymove 5s ; /* Safari 4.0 - 8.0 */
  animation: mymove 5s ;

  
}

@media (min-width:768px) {

.popup1 {
    width: 300px;
    height: 300px;
    margin: auto;
    background-color: #FFF;
    top: 10%;
    left: 0;
    right: 0;
    opacity: 100%;
      z-index:9999;
       -webkit-animation: mymove 5s ; /* Safari 4.0 - 8.0 */
  animation: mymove 5s ;

  
}
    }


/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  from {top: 0px;}
  to {top:20%;}
}

@keyframes mymove {
  from {top: 0px;}
  to {top:20%;}
}

@media (min-width:768px) {
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  from {top: 0px;}
  to {top:10%;}
}

@keyframes mymove {
  from {top: 0px;}
  to {top:10%;}
}


}

@media (min-width:768px) {
.popup1 {
    width: 500px;
    height: 500px;
  
}
}
@media (min-width:1300px) {
.popup1 {
    
}
}
.popup1 img {
    width:100%;
   
       border:5px solid #fff;
}

@media (min-width:768px) {
.popup1 img {
    width: 500px;
    height: 500px;

}
}
.popup1 .close_button1 {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color:#f44336;
    color: #fff;
    font-size: 20px;
    text-align: center;
    top: -15px;
    right: -15px;
    cursor:pointer;
}
@media (min-width:768px) {
.popup1 .close_button1 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: -20px;
    right: -20px;
    font-size:25px;
}
}
.popup1 .close_button:hover {
    cursor: pointer;
}
.show1 {
    display: block;
    z-index: 99999;
}
.no-scroll-y1 {
    overflow-y: hidden;
}

.navbar .dropdown-menu {

    position: static !important;
    margin-top: 0;
    z-index:9999 !important;

}

@media(min-width:768px){
.navbar .dropdown-menu {

    position:absolute !important;
        margin-top: 0;
    z-index:9999 !important;

}

}

.darkred{

   color:#c22a21; 
}

/*.pagination{
    margin:0px !important;
    padding:0px !important;

}
.page-link {


   
    border:2px solid #fff !important;
    background-color: #f44336 !important;
    
    color:white !important;

}*/

.h5{

    font-size:14px;
    text-transform:capitalize !important;
}

@media(min-width:768px){
.h5{

    font-size:20px;
}

}


.listname{

    display:inline-block !important;
    width:100%;
   
    background-color:#fff;



}

@media(min-width:768px){
.listname{

    display:inline-block !important;
    width:48%;
    margin:5px;
    background-color:#fff;



}

}

.tcolor{

    color:#c22a21;
}

.imgleft{

    float:left;
    width:25%;
    margin-right:15px;

}