/*****************************************/
/********** MAIN BODY ELEMENTS ***********/
/*****************************************/
body{background-color: #fff;color: #ccc;font-size: 16px;font-family: 'Roboto', sans-serif;margin: 0px 0px 0px 0px;}

.style1{border: 0;height: 3px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
.style2{border: 0;height: 3px; max-width:50%;}

.shortHR{width:50%;}
/*****************************************/
/********** SPACING **********************/
/*****************************************/
@media (min-width: 320px) {.topspacing{padding-top: 66px;}}
@media (min-width: 992px) {.topspacing{padding-top: 73px;}}
@media (min-width: 0px) {.doubleNavSpacing{padding-top: 53px;}}
@media (min-width: 992px) {.doubleNavSpacing{padding-top: 100px;}}
@media (min-width: 0px) {.ovalSpacing{padding-top: 53px;}}
@media (min-width: 992px) {.ovalSpacing{padding-top: 100px;}}
.containerMax{max-width:1440px;}
.paddingLeftNav{padding-left:20px;}
.section30{padding-top:30px;padding-bottom:30px;}
@media (min-width: 1px){.section35{padding:10px;}}
@media (min-width: 992px){.section35{padding-top:35px;padding-bottom:35px;padding-left:105px;padding-right:105px;}}

.no-padding {  padding: 0;}
.wrapperSpacing{padding:2em;}

.bulletPad{padding-top:10px;}
/*****************************************/
/********** LINKS ************************/
/*****************************************/
a.a1:link{   color: #505050; font-size: 14px; text-decoration: underline;}
a.a1:visited{color: #505050; font-size: 14px; text-decoration: underline;}
a.a1:hover{  color: #ffffff; font-size: 14px; text-decoration: underline;}

a.a2:link{   color: #000000; font-size: 18px; text-decoration: underline;}
a.a2:visited{color: #000000; font-size: 18px; text-decoration: underline;}
a.a2:hover{  color: #FF3333; font-size: 18px; text-decoration: underline;}

a.a3:link{   color: #505050; font-size: 22px; text-decoration: underline;}
a.a3:visited{color: #505050; font-size: 22px; text-decoration: underline;}
a.a3:hover{  color: #ffffff; font-size: 22px; text-decoration: underline;}

a.a5:link{   color: #38a8df; font-size: 14px; text-decoration: underline;}
a.a5:visited{color: #38a8df; font-size: 14px; text-decoration: underline;}
a.a5:hover{  color: #cccccc; font-size: 14px; text-decoration: underline;}

/*footer links*/
a.a4:link{   color: #fff; font-size: 16px; text-decoration: underline;}
a.a4:visited{color: #fff; font-size: 16px; text-decoration: underline;}
a.a4:hover{  color: #ccc; font-size: 16px; text-decoration: underline;}

/*sub-footer links*/
a.a6:link{   color: #fff; font-size: 16px; text-decoration: underline;}
a.a6:visited{color: #fff; font-size: 16px; text-decoration: underline;}
a.a6:hover{  color: #ccc; font-size: 16px; text-decoration: underline;}

/*****************************************/
/********** Text *************************/
/*****************************************/
@media (min-width: 1px){.textBig{font-weight:300;font-size: 1.25em;}}
@media (min-width: 992px){.textBig{font-weight:300;font-size: 1.5em;}}
.HBold{font-weight:700;}
.header-text {position: absolute;top: 30%;left: 1.8%;right: auto;width: 96.66666666666666%;color: #fff;}
.header-text h1 {font-size: 60px;}
.header-text h3 span {padding: 15px;color: #FFFFFF;}
.mobile-text {position: absolute;top: 25%;left: 1.8%;right: auto;width: 96.66666666666666%;color: #fff;}
.mobile-text h1 {font-size: 30px;}
.mobile-text h3 span {font-size: 14px;padding: 8px;color: #FFFFFF;}

.blueH{background-color:#38a8df;color:#FFFFFF; font-family:"Oranienbaum";padding:10px;}

.blueText {color: #38a8df;}
.blackText {color: #000;}
.whiteText {color: #fff;}

h1{color: #FFF; font-family: 'Roboto', sans-serif;}
h2{color: #FFF; font-family: 'Roboto', sans-serif;}
h3{color: #FFF; font-family:'Oranienbaum'; font-weight: bolder;}
h4{color: #FFF; font-family:'Oranienbaum';}

.fontHeavy{font-weight:700;}
.fancyText{font-family:'Oranienbaum';}

/*****************************************/
/********** Backgrounds & Fills **********/
/*****************************************/
/*IF you want to add text with some gradients re-add this -> linear-gradient(to bottom, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.52)),*/
@media (min-width: 0px) {.heropicture{background-image: url("pictures/signature-anesthetic-anesthesiology-services-in-bozeman-mobile.webp");width: 100%;min-height: 181px; background-position: center;background-repeat: no-repeat;background-size: cover;}}
@media (min-width: 578px) {.heropicture{background-image: url("pictures/signature-anesthetic-anesthesiology-services-in-bozeman-tablet.webp");width: 100%;min-height: 365px; background-position: center;background-repeat: no-repeat;background-size: cover;}}
@media (min-width: 1100px) {.heropicture{background-image: url("pictures/signature-anesthetic-anesthesiology-services-in-bozeman.webp");width: 100%;min-height: 700px; background-position: center;background-repeat: no-repeat;background-size: cover;}}

/*Sleeping Oval Hero Picture*/
@media (min-width: 0px) {.ovalpicture{background-image: url("pictures/girl-in-oval-bg-image-signature-anesthetic-mobile.jpg");width: 100%;min-height: 540px; padding-top:20em; background-position: center;background-repeat: no-repeat;background-size: cover;}}
@media (min-width: 1100px) {.ovalpicture{background-image: url("pictures/girl-in-oval-bg-image-signature-anesthetic-desktop.jpg");width: 100%;min-height: 790px; padding-top:25em; background-position: center;background-repeat: no-repeat;background-size: cover;}}



.blue4{ background-color: #38a8df; color: #ffffff;}
.offWhite{ background-color: #f8f9fa; color: #505050;}	
.white{ background-color: #ffffff; color: #000000;}	
.black{ background-color: #000000; color: #FFFFFF;}
.grayLight{ background-color: #cccccc; color: #000000;}
.grayDark{ background-color: #595959; color: #ffffff;}

/*****************************************/
/********** NAVIGATION BARS **************/
/*****************************************/
/*MAIN NAVIGATION BAR STYLE*/
#navbar{
background: rgb(255,255,255);
    padding: 10px 10px;width: 100%;top: 0;z-index: 99;
    border-bottom: 1px solid #122454;
}
#navbar a.nav-link {float: left;color: #38a8df;text-align: center;text-decoration: none;padding: 12px;font-size: .9em; font-family: 'Roboto', sans-serif;
font-weight: 500;}
#navbar a.nav-fa {float: left;color: #333333;text-align: center;text-decoration: none;padding: 5px;font-size: 40px;}
#navbar a.nav-main {float: left;color: black;text-align: center;text-decoration: none;padding: 12px 20px;font-size: 20px;background-color: #333333; font-family: 'Roboto', sans-serif;}
#navbar a.nav-link:hover {background-color:#38a8df; color: #ffffff;}
#navbar .navbar-brand{padding: 0px; color:black; font-size:22px;}
#navbar #logo {transition: 0.4s;}
@media screen and (max-width: 580px) {
  #navbar {padding: 10px 10px !important;}
  #navbar a {float: none;display: block;text-align: left;  }
  #navbar-right {float: none;}
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(56, 167, 223, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.custom-toggler.navbar-toggler {
  border-color: rgb(56, 167, 223);
} 

/*****************************************/
/********** BUTTONS **********************/
/*****************************************/
.btn-custom{color:#fff;background-color:#106ea9;border-color:#106ea9}
.btn-custom:hover{color:#fff;background-color:#7998ac;border-color:#7998ac}
.btn-custom:focus,.btn-custom.focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
.btn-custom.disabled,.btn-custom:disabled{color:#fff;background-color:teal;border-color:#005a5a}
.btn-custom:not(:disabled):not(.disabled):active,.btn-custom:not(:disabled):not(.disabled).active,.show>.btn-custom.dropdown-toggle{color:#fff;background-color:#c4ccd1;border-color:#c4ccd1}
.btn-custom:not(:disabled):not(.disabled):active:focus,.btn-custom:not(:disabled):not(.disabled).active:focus,.show>.btn-custom.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
@media (min-width: 1px){.btn-xl{padding: 10px 20px;font-size: 20px;}}
@media (min-width: 576px){.btn-xl{padding: 10px 20px;font-size: 30px;}}


/*****************************************/
/********** PICTURE ASPECT RATIOS ********/
/*****************************************/
.aspect-ratio-box-inside { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.aspect-ratio-box-16-9 {height: 0;overflow: hidden;padding-top:56.25%;position: relative;}
.aspect-ratio-box-4-3 {height: 0;overflow: hidden;padding-top:75%;position: relative;}
.aspect-ratio-box-1-1 {height: 0;overflow: hidden;padding-top:100%;position: relative;}
.aspect-ratio-box-hero {height: 0;overflow: hidden;padding-top:35.260416667%;position: relative;}
.aspect-ratio-box-hero-xs {height: 0;overflow: hidden;padding-top:74.94145199063232%;position: relative;}
.aspect-ratio-box-thumbnail {height: 0;overflow: hidden;padding-top:38%;position: relative;}

/*****************************************/
/********** YOUTUBE VIDEO SIZING *********/
/*****************************************/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}