*{
    box-sizing: border-box;
}

body{
    margin:0;
    font-family:'Segoe UI', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:1rem;
    line-height:1.5;
    color:#333;
    overflow-x:hidden;
}

.btn1:hover{
	color: rgba(207, 208, 239, 0.96) !important;
}
.mobile_bg{display:none;}

/* New Style */

    /*button from Growtzilla for "Remote Checkin"*/
	#gz-checkin-button{
		margin-top:20px !important;
		transform: translateX(10px) !important;
	}
    /* End button from Growtzilla for "Remote Checkin"*/
.navbar.navbar-default{
	background-color: rgba(38, 38, 38, 0.26); /*rgba(38, 38, 38, 0.26)*/
	margin-bottom:0px; 
	border: 0px; 
	height: 50px; 
	z-index:2;
}

.navbar.navbar-default-scroll{
	background-color: rgba(0, 0, 0, 0.78);
	margin-bottom:0px; 
	border: 0px; 
	height: 50px; 
	z-index:2;
}

#header_view{display:block; background-color:black;} /*Good Blue #14234a;  background-color:#042886;*/
#services_list{display:block; background-color:#fff; padding-top:10px;}
#video_top1{display:block; background-color:#00000000; z-index: -1;}
#top_logo
{
	/* padding: 10px 0 10px 20px; */
}

img#img_logo_top
{
	margin-left: 0px; max-width: 300px; max-height: 130px;
}
#top_social_network
{
	float: right; 
	padding:5px;
	padding-right:10px;
}

#footer_social_network
{
	padding:5px;
	padding-right:10px;
}

#ul_social_network
{
	float: right; 
	padding:10px;
}
.ol_social_network
{
	display: inline;
}

.fa-facebook
{
	color: white;
	font-size:20px;
}
.fa-twitter
{
	color: white;
	font-size:20px;
}
.fa-youtube
{
	color: white;
	font-size:20px;
}

     /*To make the arrow bounce (book an appointment) */
					 /* right bounce */
				@-webkit-keyframes bounceRight {
				  0%,
				  20%,
				  50%,
				  80%,
				  100% {
					-webkit-transform: translateX(0);
					transform: translateX(0);
				  }
				  40% {
					-webkit-transform: translateX(-30px);
					transform: translateX(-30px);
				  }
				  60% {
					-webkit-transform: translateX(-15px);
					transform: translateX(-15px);
				  }
				}
				@-moz-keyframes bounceRight {
				  0%,
				  20%,
				  50%,
				  80%,
				  100% {
					transform: translateX(0);
				  }
				  40% {
					transform: translateX(-30px);
				  }
				  60% {
					transform: translateX(-15px);
				  }
				}
				@keyframes bounceRight {
				  0%,
				  20%,
				  50%,
				  80%,
				  100% {
					-ms-transform: translateX(0);
					transform: translateX(0);
				  }
				  40% {
					-ms-transform: translateX(-10px);
					transform: translateX(-10px);
				  }
				  60% {
					-ms-transform: translateX(-5px);
					transform: translateX(-5px);
				  }
				}
				/* /right bounce */


				/* assign bounce */
				.fa-arrow-right {
				  -webkit-animation: bounceRight 2s infinite;
				  animation: bounceRight 2s infinite; 
				}

				/*End arrow Bounce (Book an appointment)*/

#time_and_services { /*padding-top:50px; */ min-height:500px;color: #000; }
#about_us {padding-top:50px;min-height:500px;color: #fff; }   
#contact_us{padding-top:50px;min-height:500px;color: #000; }
.section.section-a {background-color:#00024bfa;}

#day_time{
	
	font-size:32px;padding:5px; border-radius: 10px 10px 10px 10px;
}
h4{color: black;}
h4 b{
	 font-weight:150;
	 color: #f5002e;
}

h4 b a:hover {
	 text-decoration:none;
}

#footer_copyright
{
	color:white;
	bottom:0px;
	font-size:16px;
}
/* End New Style */

.v-header{
    height:100vh;
    display:flex;
    align-items: center;
    color:#fff;
}

.container{
    max-width:960px;
    padding-left:1rem;
    padding-right:1rem;
    margin:auto;
    text-align: center;
}

.fullscreen-video-wrap{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    overflow: hidden;
	/* background-image: url(img2/troy_bg2.jpg); */

}

.fullscreen-video-wrap video{
    min-width:100%;
    min-height:100%; 
}

.header-overlay{
    height:100vh;
    width:100vw;
    position:absolute;
    top:0;
    left:0;
    background:#225470;
    z-index:1;
    opacity:0.65;
	/*I added this to add the grid on top of the video (cool view)*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4RkZBQTgzNzg1NzExRTU4NTQyODc3OUM4MTZGMUREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4RkZBQTg0Nzg1NzExRTU4NTQyODc3OUM4MTZGMUREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjhGRkFBODE3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjhGRkFBODI3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz66uHInAAAAIUlEQVR42mL5//8/AyMj42YGIGBigABfEMEIkoEBgAADAKvuBwVS8BAjAAAAAElFTkSuQmCC);
}

li a {
	font-size: 18px;  /*24px;*/
}

.nav.navbar-nav.navbar-right li:active{
	background-color: rgba(19,92,232,.45);
}
.nav.navbar-nav.navbar-right li a{
	color: #aba6f3;
}
.nav.navbar-nav.navbar-right li a:hover{
	color:white;
}
#myNavbar.navbar-collapse.collapse.in{
	background-color:rgba(0, 0, 0, 0.96);
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover{
	background-color: rgba(19,92,232,.45);
}
.header-content{
    z-index:2;
}

.header-content h1{
    font-size:50px;
    margin-bottom:0;
}

.header-content p{
    font-size:1.5rem;
    display:block;
    padding-bottom:2rem;
}

.btn{
    background:#34b3a0;
    color:#fff;
    font-size:1.2rem;
    padding:1rem 2rem;
    text-decoration:none;
}

.section{
    padding:20px 0;
}

.section-b{
    background:#333;
    color:#fff;
}

@media(max-width:960px){
    .container{
        padding-right:3rem;
        padding-left:3rem;
    }
    
}

@media (min-width: 768px) {
   .mobile_bg{display:block;}
}