.loader {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #343a40;
    display: flex;
    justify-content: center;
	align-items: center;	
}


.loader > img {
    width: 300px;
}


.loader.hidden {
    animation: fadeOut 1s;
    animation-fill-mode: forwards;
}

@keyframes fadeOut {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.white-txt{
    color: whitesmoke;
}

.vid{
	position: relative;
	min-width: 100%;
    overflow: hidden;
    /* max-height: 810px; */

}
.vid-cont{
	position:absolute;
    z-index: -22;
   	
}
.overlay{
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	
}

.blink_me {
	animation: blinker 3s linear infinite;
  }
  
  @keyframes blinker {
	50% {
	  opacity: 0;
	}
  }

  .r-logo{
	height: 8em !important;
	width: 16em !important;
	background-color: white;
	z-index: -10;
}

#location{
	color: yellow;
	max-width: 700;
	text-decoration: none;
}

  @media screen and (max-width: 700px) {
      div.display-1{
          font-size: 45px !important;
    }
    div.display-2{
        font-size: 40px !important;
  }
  }
.top-image{
    background: black;
    width: 100%;
    margin:0;
}
.row{
    margin: 0 !important;
    padding: 0 !important;
}
.col-md-9{
    padding: 0 !important;
}
.left{
    background: #083045
    
}
footer{
    background: black;
    color: whitesmoke
}

.fea-ico{
	font-size: 40px;
	color: #4c6ef5
}
.pic{
	height: 285px;
	width: 100%!important;
	border-radius: 50%!important;
	border: 9px #A09292 solid;
	position: relative;
	top: -6%
}
.all-cont{
    height: auto;
    width: 262;  
	padding: 20px 0; 
	border-radius: 50% 50% 0 0  !important;
	box-shadow: 1px 10px 30px 10px gray;
}
.nav-link{
    color: whitesmoke !important;
}
.nav-link:hover{
    color: khaki !important;
}
.col-khaki{
    color: khaki !important; 
}
body{
    background: #f5f5f5 !important;
}
.display-2{
    color: darkslategray
}

.offer-txt{
    font-size: 18px
}
.thin-font{
    font-size: 16px
}

.col-md-3{
    padding: 0 !important;
}

.quick a{
    color: white;
}
.quick a:hover{
    text-decoration: none;
    color: khaki;
}
.animated { 
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #2A8FF4 0%, #ffffff 15%, #2A8FF4 35%, #ffffff 50%, #2A8FF4 85%, #2A8FF4 90%, #ffffff 100%) repeat;
    background-clip: text; -webkit-background-clip: text;
    -webkit-animation: color-text 3s infinite; 
    animation: color-text 3s infinite;
}
@keyframes color-text {
    0% {
    background-position: 0 0;
    }
    10%{
    background-position: 100px 0;
    }
    20%{
    background-position: 200px 0;
    }
    30%{
    background-position: 300px 0;
    }
    40%{
    background-position: 400px 0;
    }
    50%{
    background-position: 500px 0;
    }
    50%{
    background-position: 650px 0;
    }
    60%{
    background-position: 750px 0;
    }
    70%{
    background-position: 850px 0;
    }
    80%{
    background-position: 950px 0;
    }
    90%{
    background-position: 1100px 0;
    }
    100% {
    background-position: 1262px 0;
    }
    }

    .dropdown {
        position: relative;
        display: inline-block;
      }
      
      .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        padding: 12px 16px;
        z-index: 1;
      }
      
      .dropdown:hover .dropdown-content {
        display: block;
      }

      .arrow {
        border: solid white;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
      }

      .down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
      }


  
    
