@charset 'UTF-8';

html,
html * {
  box-sizing: content-box;
  margin: 0;
  padding: 0;
 font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-size: 20px;
  word-spacing: normal;
  
 
}



/*body*/
@import "compass/css3";


 * {box-sizing: border-box;}
 


@font-face {
	font-family: 'Sacramento-Regular'; 
	font-weight: regular;
	src: url('../Fonts/Sacramento-Regular.ttf'); 
}

@font-face {
	font-family: Verdana;
	font-weight: regular;
	src: url('../Fonts/Verdana.ttf');
}

@font-face {
	font-family: Verdana Bold;
	font-weight: bold;
	src: url('../Fonts/Verdana-Bold.ttf')
}

body:before {
	z-index:-200;
	content: "";
	
	background-size: cover;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	}
  

	header {
		background-color:rgb(250, 236, 229);
		border-bottom: 2px solid lightgrey;
		box-shadow: -6px 8px 4px rgba(202, 199, 199, 0.6);
	}
	
	.logobanner {
		position: relative;
		width:100vw;
		padding-top: 10px;
		margin-left: auto;
		margin-right: auto; 
		height: fit-content;
	}
	
	.mobile {
		display:none;
	}

	.sitenavbanner {
		position: relative;
		width: 100vw;
		height: fit-content;
	}

.site-logo img {
  position:relative;
  width: 95vw;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  
  align-content: center;
  /*filter: drop-shadow(-6px 8px 4px rgba(99, 98, 98, 0.6));*/
  }

	
.logo {
	margin-top:5px;
  display: block;
}



/*added for the appointment button*/
.bkapnt {
	font-size: 20px;
	padding: 7px;
	border-radius: 10px;
	border-color:rgb(226, 180, 155);
	background-color:rgb(238, 213, 200);
	color: #1E69A8;
	font-family: Verdana;
	
}
							/*added for the appointment button*/

.bkapnt:hover {
	background-color:rgb(224, 182, 159);
	font-weight: 500;
}							





/* end - navigation bar*/

/* beginning font detail */

h1 {
	font-family:'Sacramento-regular';
	text-align: center;
	font-size: 56px;
	font-weight: 600;
	font-style: bold; 
	
	line-height: 1.3;

	margin-top: 20px;
	margin-left:20px;
	margin-right:20px;

	color: rgb(119, 191, 211);
	/*text-shadow: -6px 8px 4px rgba(201, 188, 188, 0.6);*/
}

h2 {
	font-family: 'Bodini', regular;
	color: rgb(80, 177, 204);
	width: 80vw;
	margin-left: auto;
	margin-right: auto;
	
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 26px;
	line-height: normal;
	text-align: center;
	padding-top: 40px;

	letter-spacing: 1px;

	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
 
}

h2 span {
	color: rgb(2, 119, 151);
	padding: 50px 0px 30px 0px;
	font-size: 46px;
}


h3 {
	color: rgb(25, 101, 119);
	margin-right: 0px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	font-size: 36px;
	line-height: 46px;
	text-align: justify; 
	padding-top:30px;
	padding-bottom: 10px;
	font-weight: 400;
	
}



h4 {
	color: black;
	font-family: "Open-Sans", Sans-serif;
	text-align: center;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-size: 24px;
	font-weight: 350;
	line-height: normal;
	text-transform: none;
	padding-bottom: 2vh;
	padding-top: 20px;
}

h5 {
	text-align: center;
	padding: 15px;
}

p {
	font-family: 'Verdana';
	text-align:center;
	font-size: 18px;
	font-weight: 350;
	text-transform: none;
	line-height: 1.5;
	width: 90vw;
	margin-left: auto;
	margin-right: auto;
	padding-top:0px;
	overflow-wrap: inherit; 
	color: black;
}


ul {
	margin-left: 40px;
	
}

ul li {

	font-family: 'Open Sans Regular';
	
	

}

/*-- article---- article---- article---- article---- article---- article---- article---- article---- article---- article--*/


  
  

  .container {
	position: relative;
	width: 100vw;
	height: fit-content;

		
	}

	.caption-box {
		position: relative;
		/*column-count: 2;
		column width: 50%;*/
		width: 90vw;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
		max-height: fit-content;

		
		background-color: transparent;
		
		
		border-radius: 2vw;
	  box-shadow: -4px 4px 8px 4px rgba(0, 0, 0, 0.2), -4px 6px 10px 6px rgba(0, 0, 0, 0.19);
	  box-shadow: none;
		}
  
.caption-box p {
	text-align: left;
	padding-top: 10px;
	font-weight: 500;
}

.caption-box a {
	font-family: 'Verdana';
	color: black;
	font-size: 18px;
	font-weight: 350;	
}

.caption-box2 a {
	font-family: 'Verdana';
	color: black;
	font-size: 18px;
	font-weight: 350;	
}



.caption-box .content-image {
			position: relative;
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			height: auto;
			border-radius: 20px;
			/*border: 1px solid rgba(128, 128, 128, 0.1);*/
			/*box-shadow: 10px 5px 5px rgba(128, 128, 128, 0.3);*/
			background-color: transparent;
			
			
		
		}
		
		
		
		.caption-box .content-image img {
			
			width: 100%;
			height: auto;	
			border-radius: 20px;
			box-shadow: 10px 5px 5px rgba(128, 128, 128, 0.3);
		
		}
  
.illu {
			display: none;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-image: url("images/Frontpage.png");
			background-repeat: no-repeat;
			background-size: contain;
		
		}





.caption-box hr {
	height:2px;
	width: 60vw;
	color: rgb(0, 161, 207);
	background-color: rgb(0, 161, 207);
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;

}

.call_pro a {
	font-size: 22px;
	line-height: 2vw;
	padding: 0.25em;
	font-weight: 100;
}

.call_pro {
	   
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-top: 0px;

  
 text-align: center;

   
   height: fit-content;
   
  
   
}

.call_pro  {
  margin-top:20px;
   margin-left: auto;
   margin-right: auto;
}

  



	  .caption-box div {
		  position: relative; 
			width: 80vw;
			margin-left: auto;
			margin-right: auto;
		  padding-left: 0px;
	  }

	  .caption-box ul {
		margin-left: 10px;
		font-size: 20px;
		width: 80vw;
		/*list-style-type:none;*/
	  }

	  .caption-box ul li {
		padding: 5px 10px 5px 10px;
		font-size: 26px;
		width: 100%;
		margin-left: 5px;
		overflow-wrap: normal;
		padding-left: 5px;
	  }

	  .caption-box ul li i {
		font-size: 22px;
		text-shadow: 4px 2px 8px rgba(0, 0, 0,.3);
		font-weight: 350;
		text-align: left;
		width: inherit;
	  
	  line-height: 26px;
	 
	
	  color: rgb(46, 12, 12); /* #1F19AA;*/
	  font-family: 'Times New Roman', Times, serif;
	  text-shadow: 4px 2px 8px rgba(0, 0, 0,.3);

	  }
  
	  .caption-box ul li p {
		  width: inherit;
		  overflow-wrap: normal;
	  }

	  .caption-box ul li a {
		font-size: 18px;
	font-weight: 350;
	
	color: black;
		width: inherit;
		overflow-wrap: normal;
	}

	  .caption-box  ul {
		padding-left: 10px;
		
	  }

  .button_contact {
	
	  display: inline-block;
	  color: #3A3A3A;
	  margin-left: auto;
	  margin-right: auto;
		
		height: fit-content;
		width: fit-content;
	  padding: 15px 15px 15px 15px;
	  
	  text-align: center;
	  text-decoration: none;
	  font-size: 90%;
	  cursor: pointer;
	  border-radius: 15px;
	 
	 
	  box-shadow: -2px 2px 4px 2px rgba(0, 0, 0, 0.2), -2px 3px 5px 3px rgba(0, 0, 0, 0.19);
	background-color:rgb(243, 162, 39); 
	background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
	border: 0.5px solid rgb(216, 176, 103);
  
	}

	

	 
 
.caption-box1 {
	position: relative;
	background: rgba(255, 255, 255, 0.7);
	margin-bottom:40px;
}

.caption-box2 {
	background-color: rgb(250, 236, 229);
	margin-top: 30px;
	margin-bottom:30px;
	padding: 20px 0px 20px 0px;

}

.caption-box2 hr {
	width: 20vw;
	height: 2px;
	margin-left: auto;
	margin-right: auto;
}
  	
.restrict {
	background-color: rgba(255, 0, 0, 0.4);
	
}	

/*-- COntainer descriptions---- Field descriptions---- Field descriptions---- Field descriptions---- Field descriptions--*/





/*--beginning of the footer----beginning of the footer----beginning of the footer----beginning of the footer----beginning of the footer----beginning of the footer----beginning of the footer----beginning of the footer--*/
footer {
	/*margin-top:20em;*/
	height: fit-content;
	z-index:100;
	padding-top: 10px;
	border-top: 2px solid lightgrey;
	background-color:transparent;
	/*background-color: rgb(259, 236, 229);*/
}
.footer-content {
	position:relative;
    width: 100vw;
	margin-left: auto;
	margin-right:auto;
	padding-bottom: 10px;
}
.footer-social {
	display: inline-block;
	width: 100%;
	list-style-type: none;
	text-align: center;
}

.footer-social ul {
	display: inline-block;
	width: fit-content;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	text-align: justify;
	
	
}

.footer-social ul li {
	display: inline-block;
	padding: 3px;
	margin-left: 0px;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.footer-social ul li a {
	
	font-size: 16px;
	
	
	width: fit-content;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	


	/*padding: 0px 25px 0px 25px;*/
	/*--border: 2px solid rgba(255,255,255,.3);--*/
	
}

.footer-social ul li a img {
	height: inherit;
	
}





.social-default li a:hover  {
	display: inline;
}

.social-default li a:active  {
	display: inline;
}

.footer-row_4 {

		display: block;
		width: 100vw;
		margin-left: auto; 
		margin-right: auto;
	}



.footer-column h3 {
	margin-right: 0px;
	padding-right: 0px;
font-size: 20px;
color: rgb(0, 161, 207);
font-weight: 330;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}

.footer-column p {
	font-size: 16px;
	color: rgb(0, 161, 207);
	font-weight: 300;
	text-align: center;
	padding: 10px 15px 10px 15px;
	line-height: 20px;
	}

	

	.footer-column ul li {
		color: rgb(0, 161, 207);
		font-size: 16px;
		font-weight: 300;
		list-style: none;
		line-height: 22px;
		margin-left: 50px;
	}



.footer-info {
	width: 100vw;
	
}

.footer-info-box {
	width:80%;
	margin-top: 30px;
	margin-left:  auto;
	margin-right: auto;
	padding-bottom: 1.5em;
}



.footer-info-box a {
	font-size: 1em;
	color: rgb(0, 161, 207);
	font-weight: 300;
	line-height: 1.55em;
	/*max-width: 40em;*/
	text-align: center;
}

.footer-info-box p {
	font-size: 18px;
	color: rgb(0, 161, 207);
	font-weight: 300;
	line-height: 1.55em;
	/*max-width: 40em;*/
	text-align: center;
}

.footer-disclaimer {
	font-weight: 300;
	color: rgb(0, 161, 207);
}

.reg-address {
	padding-bottom: .2em;
	font-weight: 450;
	letter-spacing: 0.4px
}
.footer-legal {
	opacity: .8;
}
.footer-credit a {
	text-decoration:none;
}

.footer-credit a:hover {
	text-decoration: none;
}















/*iPad and Laptop View*/  

@media  (min-width: 768px) { 

.caption-box ul {
	padding-bottom: 30px;
}

.caption-box ul li {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.caption-box ul li p {
	width: inherit;
	overflow-wrap: normal;
}

.caption-box ul li a {
	width: inherit;
	overflow-wrap: normal;
  font-size: 18px;
font-weight: 350;

color: black;
  width: inherit;
  overflow-wrap: normal;
}	

h2 {
	padding-top:  50px;
}

.caption-box2 {
	padding-bottom:50px;
}

.caption-box .content-image  {
	
	width: 50vw;
	height: auto;
	

}

/*.content-image {
	width:50%;
}*/















/*iPad and Laptop View*/  

@media  (min-width: 1024px) { 
  
	
header {
	/*z-index: 400;*/

	background-color:rgb(250, 236, 229);
	
	border-bottom: 2px solid lightgrey;
height: 250px;
width: 100vw;
		
}	
				
	.logo {
		display: block;
	}
		
	.logobanner {
		position: relative;
		width:100vw;
		height: 190px;
	}
	
	
	
			
	.site-logo img {
			z-index: 2;
			position:relative;
			width: 500px;
			height:auto;
			margin: 20px auto 0px auto;

		}
		
	.logo {
		display: block;
	}

	.mobile {
		display:inline;
		z-index: -1;
		float: right;
		padding-right: 50px;
		top: 20px
	}

	
	
	  h1 {
		margin-top: 60px;
		  font-size: 60px;
		  padding: 20px 100px 30px 100px
	  }

	  h2 {
		  padding: 60px 0px 10px 0px;
	  }

	  .caption-box p {
		  text-align: justify;
		  
	  }

	  .caption-box2 {
		  padding-top: 40px;
		
	  }

	  .caption-box ul li p {
		width: inherit;
		overflow-wrap: normal;
		margin-left: 0px;
	}

	.caption-box ul li a {
	  font-size: 18px;
  font-weight: 350;
  
  color: black;
	  width: inherit;
	  overflow-wrap: normal;
  }

  .caption-box .intro-text { 
	position: relative;
	width: 100%;
	margin: 0px 0px 0px 0px;

}

.caption-box .content-image {
	position: relative;
	
	width: 30vw;
	margin-left: auto;
	margin-right: auto;
	
	border-radius: 10%;
	border: none;
} 

.content-image img {
	width: 100%;
	border: none;
	border-radius:10%;
}

.caption-box .intro-text ul li {
	list-style-type: '-';
	padding: 4px;
	
}


.caption-box .intro-text ul li p {
	
	padding: 0px;
	
}

.caption-box .intro-text ul li a {
	
	padding: 0px;
	
}
	  
	/*--footer----footer----footer----footer----footer----footer----footer----footer----footer----footer----footer----footer--*/	
	
		
	
		
		

		






		
/*Desktop View*/  

	@media screen and (min-width: 1680px) { 
  
header {
	z-index: 1;		
	height: 250px;
	background: rgb(250,236,229);
	
		}	
		

		.logobanner {
			height: 190px;
		}

p {
	width:40vw;
	margin-left:auto;
	margin-right: auto;
	line-height: 1.5;
}

a {
	font-size: 18px;
	color: black;
}

h1 {
	padding-top: 30px;
	padding-bottom: 20px;
	

}


h2 {
	font-size: 32px;
	padding: 0px;
	padding-top: 30px;
	width: 40vw;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 20px;
	
	}

	h3 {
		font-size: 22px;
		padding: 30px 0px 10px 0px;;
		width: 40vw;
		margin-left: auto;
		margin-right: auto;
		
		

		}

.caption-box ul {
	width: 40vw;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
}

.caption-box ul li p {
	padding: 0px;
	padding-bottom:0px;
	padding-bottom: 0px;
}

.restrict {
	margin-top: 50px;
}

.restrict h2{
	padding: 20px;
	
	text-align: center;
}

.caption-box2 h2 {
	margin-top: 0px;
	padding: 30px;
	text-align: center;

}

.caption-box .content-image {
	width:15%;
	
}


  
/*--footer----footer----footer----footer----footer----footer----footer----footer----footer----footer----footer----footer--*/	

.footer-social ul li  {
padding: 40px;
	
}

.footer-social ul li a img {
	height: 80px;
	
}
   
	

	}


}
}