/*****************************************/
/********** MAIN BODY ELEMENTS ***********/
/*****************************************/
body{background-color: #ffffff;color: #FFFFFF;font-family: Arial,Helvetica,sans-serif;font-size: 16px;margin: 0px 0px 0px 0px;}
/*****************************************/
/********** DESIGN ELEMENTS***************/
/*****************************************/
.thumbnail{ color: #000000; padding: 10px; }
hr.style1 {display: block; position: relative; padding: 0; margin: 8px auto; height: 0; width: 100%; max-height: 0; font-size: 1px; line-height: 0; clear: both; border: none; border-top: 1px solid white;}
hr.style2 {display: block; position: relative; padding: 0; margin: 8px auto; height: 0; width: 75%; max-height: 0; font-size: 1px; line-height: 0; clear: both; border: none; border-top: 1px solid white;}
.darken {box-shadow: inset 2000px 0 0 0 rgba(0, 0, 0, 0.5);}

.btn-success{color:#FFFFFF;background-color:#3333ff;border-color:#3333ff}
.btn-success:hover{color:#FFFFFF;background-color:#0000f3;border-color:#0000f3}
.btn-success:focus,.btn-success.focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
.btn-success:visited{color:#FFFFFF;background-color:#0000f3;border-color:#0000f3}
.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:teal;border-color:#0000f3}
.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#0000f3;border-color:#000}
.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,90,0.5)}
/*****************************************/
/********** SPACING **********************/
/*****************************************/
@media (min-width: 320px) {.topspacing{padding-top: 53px;}}
@media (min-width: 992px) {.topspacing{padding-top: 88px;}}
@media (min-width: 0px) {.doubleNavSpacing{padding-top: 83px;}}
@media (min-width: 992px) {.doubleNavSpacing{padding-top: 153px;}}
.containerMax{max-width:1440px;}
.paddingLeftNav{padding-left:20px;}
.sectionBottom50{padding-bottom:50px;}
.section30{padding-top:30px;padding-bottom:30px;}
.cardBuffer{padding:5px;}
.linkspacing{line-height: 30px;}
/*****************************************/
/********** TEXT *************************/
/*****************************************/
h1{color: #FFFFFF; font-family: Tahoma, Geneva, sans-serif;}
h2{color: #3333FF;}
h3{color: #3333FF;}
.whiteText{color:#fff;}
.cardTitleText{font-size:28px; font-weight:bolder;}
/*****************************************/
/********** FILLS AND BACKGROUNDS ********/
/*****************************************/
.black{background-color: #000000; color: #FFFFFF;}
.grayLight{background-color:#CCCCCC; color:#000000;}
.grayDark{background-color:#333333; color:#FFFFFF;}
.offWhite{background-color:#f0f0f0; color:#000000;}
.white{background-color: #FFFFFF; color: #000000;}
.headbg{background-color: #333333; padding-top:30px; padding-bottom:30px; padding-left: 20px; padding-right: 20px;} /*Color used behind main page headings <h1> tags*/
.static-picture1{background-image: url("pictures/mikes-offroad-truck-tuning-shop-bozeman-mt.jpg");width: 100%;min-height:317px;background-position: center;background-repeat: no-repeat;background-size: cover;color:#FFF;}
/*****************************************/
/********** LINKS ************************/
/*****************************************/
a.a1:link{   color: #dddddd; font-size: 16px; text-decoration: none;}
a.a1:visited{color: #dddddd; font-size: 16px; text-decoration: none;}
a.a1:hover{  color: #999999; font-size: 16px; text-decoration: none;}

a.a2:link{   color: #3333FF; font-size: 20px; text-decoration: underline; font-weight: bolder;}
a.a2:visited{color: #3333FF; font-size: 20px; text-decoration: underline; font-weight: bolder;}
a.a2:hover{  color: #999999; font-size: 20px; text-decoration: underline; font-weight: bolder;}

a.a3:link{   color: #000000; font-size: 16px; text-decoration: underline; font-weight: bolder;}
a.a3:visited{color: #000000; font-size: 16px; text-decoration: underline; font-weight: bolder;}
a.a3:hover{  color: #3333FF; font-size: 16px; text-decoration: underline; font-weight: bolder;}

a.a4:link{   color: #3333FF; font-size: 16px; text-decoration: underline; font-weight: bolder;}
a.a4:visited{color: #3333FF; font-size: 16px; text-decoration: underline; font-weight: bolder;}
a.a4:hover{  color: #999999; font-size: 16px; text-decoration: underline; font-weight: bolder;}

a.a5:link{   color: #ffffff; font-size: 16px; text-decoration: underline;}
a.a5:visited{color: #ffffff; font-size: 16px; text-decoration: underline;}
a.a5:hover{  color: #999999; font-size: 16px; text-decoration: underline;}

a.a6:link{   color: #dddddd; font-size: 16px; text-decoration: underline; font-weight:bolder;}
a.a6:visited{color: #dddddd; font-size: 16px; text-decoration: underline; font-weight:bolder;}
a.a6:hover{  color: #999999; font-size: 16px; text-decoration: underline; font-weight:bolder;}
/*****************************************/
/********** NAVIGATION BARS **************/
/*****************************************/
/*MAIN NAVIGATION BAR STYLE*/
#navbar{
    background-color: rgba(0, 0, 255, 1);
    background: -webkit-linear-gradient(top, rgba(1, 1, 117, 1) 0%, rgba(0, 0, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(1, 1, 117, 1) 0%, rgba(0, 0, 255, 1) 100%);
    padding: 10px 10px;width: 100%;top: 0;z-index: 99;}
#navbar a.nav-link {float: left;color: #FFF;text-align: center;text-decoration: none;padding: 12px;font-size: 18px; font-family: 'Roboto', sans-serif;
font-weight: 700;}
#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: white;text-align: center;text-decoration: none;padding: 12px 20px;font-size: 20px;background-color: #333333; font-family: 'Roboto', sans-serif;}
#navbar a:hover {color: #dddddd;}
#navbar .navbar-brand{padding: 0px;}
#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;}
}
/*SECONDARY NAVIGATION BAR STYLE ONLY CHANGE ID FOR STYLES KEEP CLASS AS NAVBAR*/
#navbar-2{background-color: #333333;padding: 2px 2px;transition: 0.4s;width: 100%;top: 0;z-index: 99;}
#navbar-2 a.nav-link {float: left;color: #FFF;text-align: center;text-decoration: none;padding: 8px 5px;font-size: 14px; font-family: 'Roboto', sans-serif;font-weight: 700;}
.secondaryIcons{font-size:20px;}
.verticalLine{border-right:1px solid white; margin:4px 25px; height:28px;}
#navbar-2 a.nav-fa {float: left;color: #333333;text-align: center;text-decoration: none;padding: 2px 5px;font-size: 12px;}
#navbar-2 a.nav-main {float: left;color: white;text-align: center;text-decoration: none;padding: 12px 20px;font-size: 20px;background-color: #333333; font-family: 'Roboto', sans-serif;}
#navbar-2 a:hover {color: #dddddd;}
#navbar-2 .navbar-brand{padding: 0px;}
#navbar-2 #logo-2 {transition: 0.4s;}
@media screen and (max-width: 580px) {
  #navbar-2 {padding: 10px 10px !important;}
  #navbar-2 a {float: none;display: block;text-align: left;  }
  #navbar-right-2 {float: none;}
}
@media (min-width: 992px){
.second-nav-spacing{
  margin-top:43px;  
}}
.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(255, 255, 255, 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(255, 255, 255);} 
/*****************************************/
/********** YOUTUBE VIDEO SIZING *********/
/*****************************************/
.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*****************************************/
/********** 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:41.6666667%;position: relative;}
.aspect-ratio-box-thumbnail {height: 0;overflow: hidden;padding-top:38%;position: relative;}
/*****************************************/
/********** CAROUSEL STYLING *************/
/*****************************************/
.carousel-inner img{width:100%;max-height:650px;}
.carousel-indicators li {width: 10px;height: 10px;border-radius: 100%; background-color:#000;}
.carousel-indicators {bottom: -50px;}
.carousel-control-prev-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");}
.carousel-control-shadow{padding:20px 5px 15px;background-color:#333;}
.carousel-control-next-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");}
@media (min-width: 0px){
.carousel-control-prev {width:8%;}
.carousel-control-next {width:8%;}
}
@media (min-width: 992px){
.carousel-control-prev {width:4%;}
.carousel-control-next {width:4%;}
}