*{-webkit-box-sizing:border-box;box-sizing:border-box}
html{overflow-x:hidden}
body,html{margin:0;padding:0}
ol,ul{list-style:none}

@media screen and (min-width:768px){
     header{
       background:#ccf}
     .navigation{
	position:relative;
	z-index:60;
        margin-top:50px;
	max-width:900px;
	width:100%;
	margin:0 auto;
	padding:0;
	border-top:1px solid #ededed;
	border-bottom:1px solid #ededed}
      .navigation span{text-transform:capitalize}
      .navigation>ul{
	font-family:"Open Sans",sans-serif;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:distribute;
	justify-content:space-around;
	margin:0;padding:0}
      .navigation>ul span{
	display:none}
      .navigation>ul li a{
	font-size:12px;
	color:#00008b;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	line-height:2}
      .navigation>ul li{
	padding:15px 0;
	position:relative}
      .navigation li a:hover{
	color:#00f;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s}
      .navigation li ul{
	position:absolute;
	min-width:200px;
	top:54px;
	display:none;
	background:#e1e1fd;
	padding:0}
      .navigation li>ul li ul{
	position:absolute;
	top:0;left:200px}
      .navigation li>ul li{
	margin:0}
      .navigation li:hover>ul{
	display:block;
	z-index:1}
      .navigation li:hover>ul.two-cols{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex}
      .navigation li>ul.treatment{
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	z-index:1;
	width:400px}
      .navigation li>ul.treatment li{
	-ms-flex-preferred-size:200px;
	flex-basis:200px}
      .navigation li>ul.two-cols{
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	min-width:500px;
	width:100%}
      .navigation li>ul.two-cols>li{
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1}
      .navigation li>ul.two-cols>li:first-child{
	border-right:0px solid #00008b}
      .navigation li>ul.two-cols li{
	text-align:center}
      .navigation li>ul.two-cols li ul{
	display:block;
	position:relative;
	left:0}
      .navigation li>ul.two-cols img{
	display:block-inline;
	margin-left:-10px;
	vertical-align:-10px;}
      .navigation ul li li a,.navigation ul li li img{
	margin-left:10px}}
	.navigation>ul>li>ul li{
	padding:6px 0}
     .focus{
	font-weight:bolder;color:#00008b!important}

@media screen and (max-width:768px){
     .burger{
	z-index:60}
     .burger>span{
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s}
     .burger.transform span:first-child{
	-webkit-transform:rotate(45deg) translateY(13px);
	-ms-transform:rotate(45deg) translateY(13px);
	transform:rotate(45deg) translateY(13px)}
     .burger.transform span:nth-child(2){
	display:none}
     .burger.transform span:last-child{
	-webkit-transform:rotate(-45deg) translateY(-13px);
	-ms-transform:rotate(-45deg) translateY(-13px);
	transform:rotate(-45deg) translateY(-13px)}header{background:0 0}
     .navigation{
	z-index:60;
	position:fixed;
	top:0;
	left:0;
	overflow-y: auto;
	-webkit-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
	width:75%;
	height:100vh;
	background:#ccf;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
	margin:0;
	padding:0}
     .navigation>ul{
	padding:0}
     .navigation>ul li{
	min-height:40px;}
     .navigation input{
	outline:0;
	display:block;
	margin:0 auto;
	width:80%;
	height:40px;
	margin-top:20px}
     li.accordion{
	width:100%;
	color:#444;
	min-height:37px;
	height:100%;
	border:none;
	outline:0;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	background:#ccf;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;align-items:center}
     li.accordion>span{
	width:12%;
	height:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	color:#00008b;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center}
     li.accordion>span.rotated{
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)}
     li.accordion a{
	height:37px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	text-transform:capitalize;
	text-decoration:none;
	font-family:sans-serif;
	font-size:17px;
	color:#00008b;
	margin-left:10px}
     li a:hover{
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	color:#009ae1!important}
     ul.panel{
	display:none;padding:0}
     ul.panel a{
	margin-left:20px}
     ul.panel.show{
	width:100%;
	display:block}
     .burger{
	width:30px;
	height:25px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	cursor:pointer;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	position:absolute;
	right:40px;top:40px}
     .burger>span{
	width:100%;
	height:5px;
	background:#00008b}}