@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;}
 
/*body {

  width:100vw;
  height:100vh;
  overflow-x: hidden;

  background:  url("../images/Homepagebackground.jpg");
  background-attachment: fixed;
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;*/
  /*background-position: -50vw -60px;
}*/
@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;
		
	}
	
	.logobanner {
		position: relative;
		width:100vw;
		padding-top: 10px;
		margin-left: auto;
		margin-right: auto; 
		height: fit-content;
	}
	
	.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;
  }

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

/* beginning - navigation bar * beginning - navigation bar * beginning - navigation bar */

/*.site-nav {
  position: relative;
  margin-top: 5px;
margin-bottom: 5px;
  height: fit-content;
}

.site-nav ul {
  list-style-type: none;
  align-content: center;
  border: 2px solid transparent;
  padding: 0px;
  margin: 0px;
}

.site-nav ul li {
	font-family: 'Verdana';
	font-size: 20px;
	list-style-type: none;
	
	margin-left: 0px;
	text-transform: capitalize;
	color: #1E69A8;
	border-bottom: 2px solid transparent;
	padding: 5px 0px 5px 0px;
	width:fit-content;
	margin-left: auto;
	margin-right:auto;

}

.site-nav ul li a {
	font-family: Verdana;
	text-align: center;
	display: block;
	font-size: 18px;
	

	text-decoration: none;
	letter-spacing: 1px;
	text-transform: capitalize;
	color: #1E69A8;
	background-color: transparent;
	
}
.site-nav ul li a:hover {
	outline: none;
	font-size: 18px;
  	font-weight: 700;
  	letter-spacing: 1px;
	  color: #032a49;
  
}*/




							/*added for the appointment button*/
							.bkapnt {

								font-size: 18px;
							
								
								padding: 7px;
								border-radius: 10px;
								border-color:rgb(226, 180, 155);
								background-color:rgb(238, 213, 200);
								color: #1E69A8;
								font-family: Verdana;
								font-size: 18px;
							}
														/*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: 40px;
	font-weight: 300;
	font-style: bold; 

	line-height: 1.2;

	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	margin-top: 30px;
	color: rgb(152, 210, 226)
}

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


	letter-spacing: 1px;
padding-top: 30px;
padding-bottom: 5px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
 
}




h3 {
	font-family: 'Open Sans Regular';
	color: rgb(0, 161, 207);
	margin-right: 0px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	font-size: 26px;
	line-height: 1.2;
	text-align: center; 
	padding-top:30px;
	padding-bottom: 20px;
	font-weight: 400;
	
}

p {
	font-family: 'Verdana';
	text-align: left;
	font-size: 18px;
	font-weight: 350;
	text-transform: none;
	padding: 0px 10% 15px 10%;
	line-height: 1.2;
	padding-top:0px;
	padding-bottom: 15px;
	color: black;
}


ul {
	margin-left: 40px;
}
ul li {
	font-size: 20px;
	font-family: 'Open Sans Regular';
	padding: 10px 10px 10px 5px;
	

}

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


  
  

  .container {
	position: relative;
	width: 100vw;
	height: fit-content;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:0px 0px 0px 0px;

		
	}

	.caption-box {
		position: relative;
		/*column-count: 2;
		column width: 50%;*/
		width: 100vw;
		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;*/
		}
  

		.content-contact {
			position:relative;
			width: 100vw;
		
			
			
		}
  

	.container-form {
			
			/*border-radius: 30px;*/
			margin-top:20px;
			margin-bottom: 60px;
			width: 90vw;
			padding-left:5vw;
			margin-right:auto;
			/*box-shadow: -4px 4px 8px 4px rgba(0, 0, 0, 0.2), -4px 6px 10px 6px rgba(0, 0, 0, 0.19);*/
		}
		
		.row {
			padding-top:0px;
		}

		/* Style inputs, select elements and textareas */
		input[type=text], select, textarea {
		  width: 100%;
		  padding: 12px;
		  font-size: 15px;
		  border: 1.5px solid #00A1CF;
		  border-radius: 7px;
		  box-sizing: border-box;
		  resize: vertical;
		}
		
		input[type=email], select, textarea {
			width: 100%;
			padding: 12px;
			font-size: 15px;
			border: 1.5px solid #00A1CF; /*#ccc*/
			border-radius: 7px;
			box-sizing: border-box;
			resize: vertical;
		}
		
		button[type=submit] {
			position: absolute;
			left: 40%;
			
			font-size: 15px;
			border-radius: 7px;
			border: 1px solid #ccc;
			padding: 6px 18px 6px 18px;
			margin-bottom:30px;
			margin-left: auto;
			margin-right: auto;
			
		}
		
		/* Style the label to display next to the inputs */
		label {
		  padding: 12px 12px 12px 0;
		  font-size: 15px;
		  display: inline-block;
		}
		
		/* Style the submit button */
		input[type=submit] {
		  background-color: #4CAF50;
		  color: white;
		  padding: 2px 20px;
		  border: none;
		  border-radius: 10px;
		  cursor: pointer;
		  float: left;
		}
		
		/* Style the container */
		/*.container {
		  border-radius: 10px;
		  background-color: #f2f2f2;
		  padding: 20px;
		}*/
		
		/* Floating column for labels: 25% width */
		.col-25 {
		  float: left;
		  width: 25%;
		  margin-top: 6px;
		}
		
		/* Floating column for inputs: 75% width */
		.col-75 {
		  float: left;
		  width: 75%;
		  margin-top: 6px;
		 
		}
		
		/* Clear floats after the columns */
		.row:after {
		  content: "";
		  display: table;
		  clear: both;
		}



.caption-box p {

	padding-top: 10px;
	font-weight: 500;
}

.caption-box hr {
	height:1px;
	border-width: 1px;
	color:black;
	background-color: rgba(112,112,112,0.5);
	max-width: 70%;

}

.caption-box ul {
	position: relative; 
	  width: 80vw;
	  
	margin-left: 150px;
}

.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: 95%;
			margin-left: auto;
			margin-right: auto;
		  padding-left: 0px;
	  }

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

	  .caption-box div ul li {
		padding: 5px 10px 5px 10px;
		font-size: 26px;
	  }

	  .caption-box div ul li i {
		font-size: 22px;
		text-shadow: 4px 2px 8px rgba(0, 0, 0,.3);
		font-weight: 350;
		text-align: left;
		
	  
	  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 div ul {
		padding-left: 30px;
		
	  }

  .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;
}


  	
	

/*-- 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;
	background-color: rgb(259, 236, 229);
	border-top: 2px solid lightgrey;
}
.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;
	padding: 5px;
	margin:0px;
	
}

.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 {
	
	height: 100%;
}



.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 View*/  

@media  (min-width: 768px) { 

h1 {
	font-size: 50px;
	padding: 30px;
}

h2 {
	padding: 40px 0px 20px 0px;
}

h3 {
	padding-top: 100px;
}

#ipad {
	padding: 35px;
	text-align: center;
	font-size: 110%;
}

.footer-social ul li {

padding: 20px;
}

.footer-social ul li a {
	
	width: 50px;
	height: 50px;
	

	
}


















/*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;
	}

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

	 
	
							/*added for the appointment button*/
							.bkapnt {

								font-size: 18px;
							}
	 
		
	h1 {
		
		font-size: 60px;
		font-weight: 300;
		padding: 45px 0px 45px 0px;
		margin: 30px 0px 25px 0px;
	}

	h2 {
		width: 100%;
		font-size: 40px;
		font-family: 'Bodini regular';
		margin-left: auto;
		margin-right: auto;
		color:rgb(0, 161, 207)
		
		
	}
	
h3 {
	padding: 20px 0px 20px 0px;
	font-size: 36px;
	margin-right: 0px;
}

	  h4 {
	  font-family: sans-serif;
	  text-align:center;
	  font-weight: 400;
	   padding: 2vh;	
		font-size: 2.5vh;
		color: #3A3A3A;
		padding-bottom: 10px;
	}

	 p {
		padding-left: 0vw;
		padding-right: 0vw;	
		
		font-weight: 350;
		line-height: normal;
		text-align: left;
	}
	
	 .container {
		position: relative;
		display: inline-block;
		background: transparent;	
		height: fit-content;
		width: 70vw;
		margin-left: 15vw;
		margin-right: 15vw;
		}
	
	.caption-box {
		position: relative;
		float:left;
		width: 100%;
		height: fit-content;
		
	}

	.col-25 {
		width: 25%;
	}
	  .col-75 {
		width: 75%;

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

		






		
/*Desktop View*/  

	@media screen and (min-width: 1680px) { 
  
		

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

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

		.caption-box div {
			margin-top: 00px;
		}

		h3 {
			padding: 100px 0px 0px 0px;
			width: 100%;
			margin-left: 0px;
			margin-right: 0px;
		}

		 p {
			text-align: center;
			width: 50%;
			margin-left: auto;
			margin-right: auto;
			
		}
		.container-form {
			position: relative;
			width: 50%;
			margin-left: auto;
			margin-right: auto;
			margin-bottom:150px;

		}

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



		

		
   

   

   
	

	}


}
}