/* html */

/* layout */
#header {position:relative; clear: both; z-index: 999;}
#logo {height: 8em; padding: .7em 4em .7em .7em;}
#header-content {height: 8em; padding: .7em;}
#header-title {height:  8em; padding: 1.4em 4em .7em .7em;}
#topnav { padding: 0; }
#main {}
#bottom { padding: 2em;}
#footer {}

#banner-top {width: 1373px; height:359px; margin: 0 auto; background: #ddd;}

#logo.front-end {height: 12em; padding: 2.4em 4em .7em .7em;}
#header-content.front-end {height: 12em; padding: 1.4em .7em .7em 1em;}

/* bootstrap hack */
#header.container-fluid { margin: 0; padding: 0;}

/* styles */

/* off canvas boxes */
.offcanvas-top, .offcanvas-left, .offcanvas-right, .offcanvas-bottom { 
    margin: 0;
    padding: 0;      
    position: fixed;
    width: 0;
    height: 0; 
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    z-index: 2;
    overflow: hidden;
} 
.offcanvas-top {      
    top: -25%;
    left: 0; 
    width:100%;
    height:25%;    
}
.offcanvas-left {    
    top: 0;
    left: -50%;    
    width: 50%;
    height: 100%; 
}
.offcanvas-right {    
    top: 0;
    left: 100%; 
    width: 25%;
    height: 100%;   
}
.offcanvas-bottom {    
    bottom: -25%;    
    left: 0;  
    width:100%;
    height:25%;
}
.offcanvas-top:target { 
    top: 0;   
    left: 0;     
    z-index: 9999; 
    /*  efeito slide */
    -webkit-box-shadow: 0 6px 6px -6px black;
    -moz-box-shadow: 0 6px 6px -6px black;
    box-shadow: 0 6px 6px -6px black;
}

.offcanvas-left:target {    
    top: 0;
    left: 0; 
    z-index: 9999; 
    /*  efeito slide */
    -webkit-box-shadow: 6px 0 6px -6px black;
    -moz-box-shadow: 6px 0 6px -6px black;
    box-shadow: 6px 0 6px -6px black;
}

.offcanvas-right:target {
    top: 0;
    left: 50%;
    z-index: 9999; 
    /*  efeito slide */
    -webkit-box-shadow: -6px 0 6px -6px black;
    -moz-box-shadow:    -6px 0 6px -6px black;
    box-shadow:         -6px 0 6px -6px black;
}

.offcanvas-bottom:target{
    bottom: 0;  
    left: 0;  
    z-index: 9999; 
    /*  efeito slide */
    -webkit-box-shadow: 0 -6px 6px -6px black;
    -moz-box-shadow:    0 -6px 6px -6px black;
    box-shadow:         0 -6px 6px -6px black;
}


/* responsivo -------------------------------------------------------- */

/* >= 1200  ---------------------------------------------------------- */
@media (min-width: 1200px) {

}
/* > 1220 ------------------------------------------------------------ */
@media (min-width: 1220px) {
	a.on-media-logo-first img {
		height: 67px;
	}
	a.on-media-logo-second img {
		height: 63px;
	}
}
/* > 1105 and < 1220 ------------------------------------------------------------ */
@media (min-width: 1105px) and (max-width: 1150px) {
	a.on-media-logo-first img {
		height: 60px;
	}
	a.on-media-logo-second img {
		height: 57px;
	}
}
/* > 992 and < 1105 --------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1105px) {
	a.on-media-logo-first img {
		height: 50px;
	}
	a.on-media-logo-second img {
		height: 48px;
	}
}
/* > 766 and < 992 --------------------------------------------------- */
@media (min-width: 766px) and (max-width: 992px) {
	a.on-media-logo-first img {
		height: 40px;
	}
	a.on-media-logo-second img {
		height: 39px;
	}
}
/* > 588 and < 766 ------------------------------------------------------------- */
@media (min-width: 588px) and (max-width: 766px) {
	a.on-media-logo-first img {
		height: 30px;
	}
	a.on-media-logo-second img {
		height: 29px;
	}
}
/* < 588 ------------------------------------------------------------- */
@media (max-width: 588px) {
	a.on-media-logo-first img {
		height: 19px;
	}
	a.on-media-logo-second img {
		height: 18px;
	}
}
/* < 1200  ----------------------------------------------------------- */
@media (max-width: 1199px) {


    
}
/* >= 992 and < 1200  ------------------------------------------------ */
@media (min-width: 992px) and (max-width: 1199px) {
    

}
/* >= 992  ----------------------------------------------------------- */
@media (min-width: 992px) {    
    
    
}

/*  < 992  ----------------------------------------------------------- */
@media (max-width: 991px) {

    #logo.front-end {height: 6em; padding: .7em 4em .7em .7em;}
    #header-content.front-end {height: 6em; padding: 1.4em .7em .7em .7em;}
}

/* >= 768 and < 992  ------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
    
    #logo {height: 6em; }
    #header-content {height: 6em;}
    

    
}

/* >= 768  ----------------------------------------------------------- */
@media (min-width: 768px) {       

    
}

/* < 767  ------------------------------------------------------------ */
@media (max-width: 767px) {
    
    #logo, #logo.front-end {height: 5em; }
    #header-content {height: 5em;}   
    
    #header-content.front-end {height: 5em; padding: .7em .7em .7em .7em;}

}

/* < 480  ------------------------------------------------------------ */
@media (max-width: 480px) {
    
    /*#logo img { display:none !important; } */
  #logo img { width: 50px; }

}

/** patient website */

@media (min-width: 998px) {
  #patientsite_download_links_area {
    margin-top: 12px;
    margin-left: -18px;
    padding-left: 10px;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #patientsite_download_links_title {
    font-weight: bold;
    margin-bottom: 5px;
  }
  #patientsite_download_links_area .storelink {
    height: 38px;
  }
  #patientsite_userphoto_area {
    position: absolute;
    top: 18px;
    right: 7px;
  }
  #patientsite_userphoto_area .myphoto {
    margin-right: 12px;
  }
  #patientsite_userphoto_area .usertype {
    font-weight: bold;
    font-size: 9px;
    padding-top: 4px;
  }
}

/* >= 768 and < 998  ------------------------------------------------- */
@media (min-width: 768px) and (max-width: 997px) {
  #patientsite_download_links_area {
    margin-top: 0px;
    margin-left: -18px;
    padding-left: 10px;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #patientsite_download_links_title {
    font-weight: bold;
    margin-bottom: 5px;
  }
  #patientsite_download_links_area .storelink {
    height: 32px;
  }
  #patientsite_userphoto_area {
    position: absolute;
    top: 10px;
    right: 7px;
  }
  #patientsite_userphoto_area .myphoto {
    margin-right: 12px;
  }
  #patientsite_userphoto_area .usertype {
    font-weight: bold;
    font-size: 9px;
    padding-top: 4px;
  }
   
}

/* >= 400 and < 768  ------------------------------------------------- */
@media (min-width: 400px) and (max-width: 767px) {
  #patientsite_download_links_area {
    margin-top: 0px;
    margin-left: -18px;
    padding-left: 10px;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #patientsite_download_links_title {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 11px;
  }
  #patientsite_download_links_area .storelink {
    height: 26px;
  }
  #patientsite_userphoto_area {
    position: absolute;
    top: 5px;
    right: 7px;
  }
  #patientsite_userphoto_area .myphoto {
    margin-right: 12px;
  }
  #patientsite_userphoto_area .usertype {
    font-weight: bold;
    font-size: 9px;
    padding-top: 4px;
  }
   
}

/* >= 320 and < 400  ------------------------------------------------- */
@media (min-width: 320px) and (max-width: 399px) {
  #patientsite_download_links_area {
    margin-top: 0px;
    margin-left: -18px;
    padding-left: 10px;
    width: 300px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  #patientsite_download_links_title {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 8px;
  }
  #patientsite_download_links_area .storelink {
    height: 21px;
  }
  #patientsite_userphoto_area {
    position: absolute;
    top: 3px;
    right: 4px;
  }
  #patientsite_userphoto_area .myphoto {
    margin-right: 12px;
  }
  #patientsite_userphoto_area .usertype {
    font-weight: bold;
    font-size: 9px;
    padding-top: 4px;
  }
   
}