@charset "utf-8";
/* CSS Document */
@media (max-width: 1900px){
	#splash h2{
		font-size:55px;
	}
	
	#topwrapper .full{
		width:50%;
	}
	
	#home .about .par {
 
    	padding: 100px 6% 100px 15%;
	}
	
	#pages.pedismiles .content{
		width:68%;
	}
	
	#pages.pedismiles h2{
		font-size:65px;
	}
	
	#pages.pedismiles .last .image {
		width: 55%;
		margin: 0 5% 0 0;
	}
	
	#pages.awards .box {
		 
		padding: 50px 3%;
		width: 38%;
		width: 38%;
		margin: 1.5%;
	 
	}
}

@media (max-width: 1700px){
    #splash h1{
		font-size:30px;
	}
	#splash h2{
		font-size:45px;
	}
	
	#pages.about .image {
		width: 650px;
	}
	
	#pages.about .bio{
		margin:0 0 0 6%;
	}
	
	#pages.medical .links a{
		font-size:14px;
	}
	
	#pages.testimonials .box{
		width:28%;
	}
	
	#pages.pedismiles .pic{
		width:30%;}
	
	#pages.pedismiles .right{
		width:23%;
	}
	
	#pages.pedismiles h2 {
		font-size: 60px;
		width:78%;
	}
	
	#pages.contact .image{
		width:600px;
	}
	
	#pages.awards .pic {
		width: 200px;
	}
	
	#pages.awards .title h2 {
		font-size: 30px;
		line-height: 1;
	}
}

@media (max-width: 1500px){
	#topwrapper .full {
		width: 63%;
	}
	
	#navwrapper li, #footerwrapper .nav li{
		margin:0 0 0 30px;
	}
	
	#navwrapper a, #footerwrapper .nav a{
		letter-spacing:1.5px;}
	
	#home .about .image{
		width:45%;
	}
	
	#home .about .image img{
		width:100%;
	}
	
	#home .about h2{
		margin:0 0 10px 0;
	}
	
	#home .products .product img{
		width:100%;
	}
	
	#home .products .product{
		width:27%;
	}
	
	.copy .mid {
		margin: 0 35%;
	}
	
	#pages.about .image{
		width:500px;
	}
	
	#pages.about .box{
		width:29%;
	}
	
	#pages.about .box h2{
		font-size:24px;
	}
	
	.fancybox-content{
		width:65%!important;
	}
	
	#pages.medical .links a {
		font-size: 13px;
		margin:0 5px;
	}
	
	#pages.photos .album{
		width:30%;
	}
	
	#pages.testimonials .text .par{
		height:220px;
	}
	
	#pages.pedismiles .top{
		width:65%;
		margin:0 0 -50px 0;
	}
	
	#pages.pedismiles .bottom img {
		width: 65%;
	}
	
	#pages.pedismiles h2 {
		font-size: 55px;
		width: 88%;
	}
	
	#pages.contact .image {
		width: 400px;
	}
	
	#pages.contact .info{
		width:45%;
	}
	
	#pages.contact .content{
		width:65%;
	}
	
	#pages.awards .title h2{
		font-size:25px;
	}
}

@media (max-width: 1300px){
	#topwrapper .full{
		margin:0 4% 0 0;
	}
	
	#footerwrapper .nav{
		display:none;
	}
	
	#footerwrapper .logo{
		float:left;
	}
	
	#footerwrapper .right{
		float:right;
	}
	
	#footerwrapper .footer{
		display:block;
	}
	
	#topwrapper .top{
		align-items:start;
	}
	
	#topwrapper .logo{
		margin:12px 0 0 0;
	}
	
	.main-menu{
	  position: absolute;
	  display: none;
	  left: -200px;
	  top: 0;
	  height: 100%;
	  transition: left 0.3s ease, box-shadow 0.3s ease;
	  z-index: 999;
		 
	}
	
	#topwrapper #navwrapper .main-menu ul{
	  list-style: none;
	  margin: 0;
	  padding: 2.5em 0 0;
	 
	  -webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5);
		 -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5);
			  box-shadow: -8px 0 8px rgba(0,0,0,.5);
	  min-height: 100%;
	  width: 250px;
	  background: #1a1a1a;
	  z-index:9;
	  float:right;
	 
	  top:0;
	  left:auto;
	 
	}
	
	.fa.fa-close{
		color:#fff;
	}
 
	 
	
	 
	
	#topwrapper #navwrapper .sub_menu li a {
		font-size: 14px;
		color:#fff;
		    padding: 12px 40px 12px 0;
	}
	 
	#navwrapper .fa-bars{
	 
	 
		 
	 
		 
	 
		color:#fff;
		font-size:18px;
		display: block;
		z-index:9;
		width: 16px;
		height: 20px;
		padding: 10px;
		background:rgba(4,30,40,0.7);
		position:fixed;
		top:0;
		right:0;
	}
	
	#navwrapper .menu-toggle, #navwrapper .menu-close{
		display:block;
		text-align:right;
		font-size:21px;
	}
	
	#topwrapper .top #navwrapper{
		width: 100%;
		float: none;
		text-align: left;
		 
		 
	}
	
	#topnavwrapper {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 9;
		background: #fff;
	}
	 
	
 
	
	#topwrapper #navwrapper .subnav .sub_menu li a:hover{
		background: #1a1a1a;
		color:#49ceff;
	}
		 
 
	.main-menu a:hover,
	.main-menu a:focus,
	{
	  background: #333;
	  text-decoration: none;
	}
	
	#topwrapper #navwrapper  li a,  #topwrapper #navwrapper .main-menu a  {
	  display: block;
	  padding: 12px 40px 12px 0;
	  line-height: 15px;
	  font-size: 15px;
	  color: #fff;
	  text-decoration: none;
	  border-bottom: 1px solid #383838;
	  
	  text-align:right;
	  margin:0;
	}
	
	#topwrapper #navwrapper .main-menu a.menu-close{
		padding:12px;
	}
	
	#topwrapper #navwrapper .backdrop{
		border:none!important;
	}
	
	#topwrapper #navwrapper  li a:hover,  #topwrapper #navwrapper .main-menu a:hover{
		    color: #EF4190;
	}
	
	 
	.main-menu .menu-close {
	  position: absolute;
	  right: 0;
	  top: 0;
	  border-bottom: none!important;
	}
	 
	.main-menu:target, .main-menu[aria-expanded="true"]{
	  display: block;
	  right: 0;
	  outline: none;
	  -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  
	  
	}
	
	.main-menu:target .menu-close, .main-menu[aria-expanded="true"] .menu-close{
	  z-index: 1001;
	}
	
	.main-menu:target ul, .main-menu[aria-expanded="true"] ul, {
	  position: relative;
	  z-index: 1000;
	}
	 
	.main-menu:target + .backdrop,
	.main-menu[aria-expanded="true"] + .backdrop{
	  position: absolute;
	  display: block;  
	  right: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 998;
	  background: #000;
	  background: rgba(0,0,0,.85);
	  cursor: default;
	  
	}
	
	
	@supports (position: fixed) {
	  .main-menu,
	  .main-menu:target + .backdrop,
	  .main-menu[aria-expanded="true"] + .backdrop{
		position: fixed;
		 
	  }
	  
	    
	 #navwrapper li .sub_menu{
		visibility:hidden;
		position:absolute;
	  }
	  
	  #topwrapper #navwrapper li .sub_menu{
		padding:0;
		    box-shadow: none;
	}
	 
	  
	  #navwrapper li.drop:hover .sub_menu{
		visibility:hidden;
		
	}
	
	#navwrapper li.drop.toggle .sub_menu{
		visibility:visible;
		position:relative;
		border:none;
	}
	
	#navwrapper li {
		display:block;
		margin:0;
		clear:both;
	}
	
	
	
	#topwrapper li.drop{
		position:relative;
		
		cursor:pointer;
	}
	
	#topwrapper li.drop:after {
		position: absolute;
		content: "\f107";
		top: 10px;
		right: 15px;
		color: #fff;
		font-family: 'FontAwesome';
	}
	
	#topwrapper li.drop.toggle:after {
		 
		content: "\f106";
		 
	}
	
	#pages.medical .links a{
		margin:5px;
	}
	
	#pages.awards .pic{
		width:170px;
	}
	
}

@media (max-width: 1200px){
	#topwrapper .full{
		width:83%;
	}
	
	#home h1 {
	 
		top: 100px;
		 
		font-size: 70px;
	}
	
	.innerwidth{
		width:90%;
		
	}
	
	#home .features .feature {
		width: 30%;
		margin: 0 0 50px 0;
	}
	
	#home .about .image{
		float:none;
		width:58%;
		margin:0 auto;
	}
	
	#home .about .image img{
		border-radius:100px;
	}
	
	#home .about .par{
		float:none;
		clear:both;
		width:50%;
		padding:60px;
		margin:40px auto 0 auto;
	}
	
	#home .products .product{
		width:40%;
		margin:0 3% 40px 3%;
		
	}
	
	#home .products h3{
		position:relative;
		top:auto!important;
		bottom:auto!important;
		text-align:center!important;
		left:auto!important;
		right:auto!important;
		margin:0 0 20px 0;
	}
	
	#home .testimonials .whitebox{
		padding:30px 0;
	}
	
	#home .testimonials{
		background-size:cover;
		padding:50px 0;
	}
	
	#footerwrapper .nav{
		display:none;
	}
	
	#footerwrapper .logo{
		float:left;
	}
	
	#footerwrapper .right{
		float:right;
	}
	
	#footerwrapper .footer{
		display:block;
	}
	
	.copy .mid {
		margin: 0 25%;
	}
	
	.padding {
		padding: 55px 0px;
	}
	
	#pages.about .greywrapper.founder h2{
		font-size:50px;
	}
	
	#pages.about .greywrapper .bio h3 {
		font-size: 16px;
		margin: 20px 0 0 0;
		text-align: left;
	}
	
	#pages.about .image {
		width: 350px;
	}
	
	#pages.about .box h2 {
		font-size: 18px;
		margin: 0 0 10px 0;
	}
	
	.fancybox-content{
		width:85%!important;
	}
	
	#pages.staff .greywrapper .box img{
		width:170px;
	}
	
	#pages.medical .box{
		width:40%;
		padding:30px;
	}
	
	#pages.testimonials .text .par {
		height: 260px;
	}
	
	#pages.pedismiles h2{
		font-size:35px;
	}
	
	#pages.pedismiles .top{margin:0;
	}
	
	#pages.contact .image{
		position:relative;
		width:80%;
		margin:0 0 40px 0;
	}
	
	#pages.contact .content{
		float:none;
		width:100%;
	}
	
	#pages h1{
		font-size:80px;
	}
	
	#pages.awards .box{
		width:75%;
	}
	
	#pages.awards .pic{
		width:250px;
	}
}

@media (max-width: 1000px){
	h1{
		font-size:80px;
	}
	
	#topwrapper .full {
		width: 87%;
	}
}

@media (max-width: 960px){
	#splash .full{
		display:block;
	}
	 
	
	 
	
	 
	
	#splash .box{
		width:100%;
		display:block;
		padding:0 0 40px 0;
	}
	
	#splash .overlay{
		z-index:9;
	}
	
	#splash h2{
		margin:0 0 30px 0;
	}
	
	#splash h1{
		font-size: 23px;
	}
    
	#topwrapper .full {
		width: 95%;
	}
	
	#home .features .feature{
		width:33%;
	}
	
	h1{
		font-size:70px;
	}
	
	#topwrapper {
		padding: 0 0 0px 0;
	}
	
	#home #topwrapper{
		padding:0 0 30px 0;
	}
	
	#pages.staff .greywrapper .box h2 br{
		display:none;
	}
	
	#pages.about .greywrapper h3{
		font-size:35px;
	}
	
	#pages.about .greywrapper .box{
		width:80%;
		margin:200px auto 0 auto;
	}
	
	#pages.about.staff .image img {
		border-radius: 20px;
	}
	
	
	#pages.testimonials .box{
		width:80%;
		margin:0 auto 40px auto;
	}
	
	#pages.testimonials .text .par{
		height:auto;
		margin:0 0 20px 0;
	}
	
	#pages.pedismiles .left{
		float:none;
		width:100%;
	}
	
	#pages.pedismiles .top{
		width:45%;
	}
	
	#pages.pedismiles .right {
		width: 40%;
	 
		 
	}
	
	#pages.pedismiles .pic {
		width: 40%;
		float: none;
		margin: 0;
	}
	
	#pages.pedismiles .pics{
		float:none;
		width:100%;
	}
	
	#pages.pedismiles .bottom .par {
		margin: 0 5%;
	}
	
	#pages.pedismiles .content {
		width: 100%;
		float: none;
		margin: 40px 00 0;
	}
	
	#pages.pedismiles h2{
		margin:-100px 6% 30px 0;

	}
	
	#pages.videos .box{
		width:100%;
		margin:0 0 40px 0;
	}
}

@media (max-width: 850px){
	#topwrapper .social{
		display:none;
	}
	
	#topwrapper .full{
		width:85%;
	}
	
	#home h1 {
		top: 50px;
		font-size: 60px;
	}
	
	#home .about .par{
		width:70%;
	}
	
	#home .about .image{
		width:80%;
	}
	
	.copy .mid{
		margin:0 20%;
	}
	
	#pages.about .greywrapper.founder .full{
		display:block;
	}
	
	#pages.about .pic{width:65%;
	margin:0 auto 30px auto;
	}
	
	#pages.about .bio{
		width:100%;
		text-align:center;
		margin:0px auto 0px auto;}
	
	#pages.about .par h3 {
		font-size: 23px;
		margin: 0 0 20px 0;
		text-align: left;
	}
	
	#pages.about .box{width:75%;
	margin:0 auto 40px auto;
	}
	
	#pages.about .greywrapper.founder h2{
		text-align:center;
	}
	
	#pages.about .greywrapper .bio h3{
		text-align:center;
	}
	
	 
	
	#pages.medical .box{
		width:39%;
	}
	
	#pages.photos .album {
		width: 45%;
		margin: 2%;
	}
	
	#pages.awards .box{
		width:90%;
	}
    
    #pages.contact .info .button{
        width: 100%;
    }
}

@media (max-width: 750px){
	.full.bios{
		display:block;
	}
	
	.bios .photo{
		margin:0 auto 30px auto;
		width:80%;
	} 
	
	#pages.privacy h2{
		 font-size:30px;
	}
    
	#topwrapper .button{
		font-size:11px;
		letter-spacing:0;
	}
	
	#topwrapper .button{
		width:180px;
	}
	
	#topwrapper .full {
		width: 92%;
		margin:0 5% 0 0;
	}
	
	#home .features .feature {
    	width: 48%;
		margin: 0 1% 40px 1%;
	}
	
	#home .testimonials h2{
		margin:0;}
	
	.copy .mid {
		margin:0 15%;
	}
	
	#topwrapper .button{
		margin:0 0 0 15px;}
	
	#pages.about .mission .full{
		display:block;
		padding:0 7%;
	}
	
	#pages.about .image{
		width:100%;
		margin:0 auto;
	}
	
	#pages.about .image img{
		border-radius:50px;
	}
	
	#pages.about .par{
		width:100%;
		text-align:center;
		margin:30px 0 0 0;
	}
	
	#pages.about .par h3{
		text-align:center;
	}
	
	#pages.medical .box{
		width:85%;
	}
	
	h1{
		font-size:55px;
	}
	
	#pages.photos .album {
		width: 100%;
		margin: 0 0 50px 0;
	}
	
	#pages.photos .album .image{
		height:auto;
	}
	
	#pages.pedismiles .bottom{
		display:block;
	}
	
	#pages.pedismiles .bottom .par {
	 
		margin: 30px 5%;
		width: 300px;
		text-align: center;
	}
	
	#pages.pedismiles h2 {
		margin: 0 0 40px 0;
		widtH: 100%;
		text-align: center;
		float: none;
	}
	
	#pages.pedismiles h2  br{
		display:none;
	}
	
	#pages.pedismiles .bottom img {
		width: 65%;
		margin: 0px auto;
		display: block;
		 
	}
	
	#pages.pedismiles .top {
		width: 60%;
		float: none;
		margin: 0 auto 30px auto;
	}
	
	#pages.pedismiles .right {
		width: 60%;
	}
	
	#pages.pedismiles .pic{
		width:60%;
	}
	
	#pages.pedismiles h2 {
    	margin: 0 0 140px 0;
	}
	
	#pages.pedismiles .last.full{
		display:block;
	}
	
	#pages.pedismiles .last .par{
		width:90%;
		margin:40px auto 0 auto;
	}
	
	#pages.pedismiles .last .image{
		width:90%;
		margin:0 auto;
	}
	
	#pages.contact .content{
		display:block;
	}
	
	#pages.contact .form{
		width:65%;
		margin:0 auto;
	}
	
	#pages.contact .info{
		width:80%;
		margin:0 auto 30px auto;
	}
	
	#pages.awards .pic{
		width:70%;
	}
	
	#pages.awards .title{
		width:100%;
		margin:20px 0 0 0;
	}
	
	#pages.awards .full{
		display:block;
	}
	
	
	
}

@media (max-width: 650px){
	
	#navwrapper .button img{
		width:80px;
	}
	
	#home h1{
		font-size:50px;
	}
	
	#home .features h3 {
		width: 90%;
		margin: 10px auto 0 auto;
		font-size: 15px;
	}
	
	#home .about h3{
		font-size:24px;
	}
	
	#home .products .three h3{
		font-size:15px;
	}
	
	#home .testimonials .whitebox{
		border-radius:50px;
	}
	
	.copy{
		display:block;
		text-align:center;
	}
	
	.copy .mid{
		margin:15px 0;
	}
	
	#pages.about .greywrapper h3 {
		font-size: 25px;
		margin: 0 0 30px 0;
	}
	
	#pages.about .box{
		width:100%;
	}
	
	#pages.medical .links a{
		display:block;
		width:100%;
	}
	
	#topwrapper .full {
		 
		margin: 0 7% 0 0;
		width:88%;
	}
	
	#topwrapper .logo{
		width:90px;
	}
	
	#topwrapper .logo img{
		width:90px;
	}
	
	#topwrapper .button {
		width: 160px;
	}
}

@media (max-width: 550px){
	#splash .overlay{
		width:200px;
		top:20px;
		left:20px;
	}
	
	#topwrapper .button {
		width: 96%;
		padding:5px 2%;
		text-align:center;
		border-radius:10px;
		margin:10px 0 0 0px;
		display:block;
		border:1px solid #EF4190;
		border-top:1px solid #EF4190;
	}
	
	#topwrapper .button img{
		/*display:block;
		margin:0 auto 5px auto;*/
	}
	
	#navwrapper #google_translate_element .VIpgJd-ZVi9od-xl07Ob-lTBxed{
		font-size:10px;
		letter-spacing:0;
	}
	
	#topwrapper .logo{
		width:130px;
	}
	
	#home .products .product{
		width:100%;
		margin:0 0 30px 0;
	}
	
	#topwrapper .logo img, #topwrapper .logo{
		width:80px;
	}
	
	#navwrapper .button img{
		width:50px;
	}
	
	#topwrapper .full{
		display:block;
		width:63%;
		margin:5px 13% 0 0;
	}
	
	.goog-te-gadget-simple{
		display:block!important;
	}
	
	#home h1 {
		font-size: 40px;
		top: 20px;
		left: 20px;
	}
	
	.padding {
		padding: 45px 0px;
	}
	
	#home .features h3 {
		width: 95%;
		margin: 8px auto 0 auto;
		font-size: 13px;
	}
	
	.innerwidth {
		width: 100%;
	}
	
	#home .about .par {
	 
		padding: 30px;
		 
		border-radius: 50px;
	}
	
	#home .about .image img{
		border-radius:50px;
	}
	
	h3.pink {
	 
		font-size: 15px;
		margin: 0 0 20px 0;
	}
	
	#footerwrapper .logo{
		float:none;
		margin:0 auto 10px auto;
	}
	
	#footerwrapper .right{
		float:none;
		width:100%;
	}
	
	#footerwrapper .social{
		text-align:center;
	}
	
	#footerwrapper .right .button{
		margin:0 auto;
	}
	
	h1 {
		font-size: 50px;
	}
	
	#pages.about .greywrapper h3{
		font-size:20px;
	}
	
	#pages.about .greywrapper.founder h2 {
		font-size: 40px;
		margin: 0 0 20px 0;
	}
	
	#pages.about .pic{
		width:100%;
	}
	
	#pages.about .greywrapper .box{
		width:100%;
	}
	
	#pages.about .box .text{
		height:auto;
	}
	
	#pages.staff .greywrapper .box img{
		width:200px;
	}
	
	.fancybox-content {
		width: 95%!important;
	}
	
	#popup h2{
		font-size:30px;
	}
	
	#pages.medical .box{
		margin:0 auto 40px auto;
	}
	
	#pages.medical .box .image{
		height:auto;
	}
	
	#pages.medical .box h2{
		font-size:20px;
	}
	
	#pages.pedismiles .pic, #pages.pedismiles .top, #pages.pedismiles .bottom img, #pages.pedismiles .right {
		width: 95%;
	}
	
	#pages.contact .info{
		width:100%;
	}
	
	#pages.contact .bottom{
		padding:50px 0 0 0;
	}
	
	#pages.awards .pic{
		width:100%;
	}
	
	#pages h1 {
		font-size:40px;
	}
	
	#pages.videos .main{
		width:95%;
	}
	
	#popup {
		padding: 20px;
	}
		
	
		
	 
}

@media (max-width: 350px){
	#topwrapper .full{
		margin:5px 16% 0 0;
	}
}

