/*****************************************/
/********** MAIN BODY ELEMENTS ***********/
/*****************************************/
body{background-color: #333333;color: #000000;margin: 0px 0px 0px 0px;font-size: 16px;font-family: Georgia, serif;}
html,body {height:100%;}
/*****************************************/
/********** TEXT *************************/
/*****************************************/
h1{color: black; font-family: 'Kanit', sans-serif;}
h2{color: black; font-family: 'Kanit', sans-serif;}
h3{color: black; font-family: Georgia, serif;}
h4{color: black; font-family: Georgia, serif;}
h5{color: black; font-family: Georgia, serif;}
.textWhite{color: #FFFFFF;}
.textBlack{color: #000000;}
.textGreen{color: #99ff33;}
.textDarkGray{color: #333333;}
.textLightGray{color: #cccccc;}
.textShadow{text-shadow: 1px 1px #333333;}
@media (max-width: 575px) {.textHuge{font-size: 50px;} .textLarge{font-size:30px;} .textMedium{font-size:20px;}}
@media (min-width: 576px) {.textHuge{font-size: 70px;} .textLarge{font-size:40px;} .textMedium{font-size:24px;}}
@media (max-width: 575px) {.textSlogan{font-size: 70px;}}
@media (min-width: 576px) {.textSlogan{font-size: 70px;}}
@media (min-width: 768px) {.textSlogan{font-size: 30px;}}
@media (min-width: 992px) {.textSlogan{font-size: 40px;}}
@media (min-width: 1200px){.textSlogan{font-size: 60px;}}
@media (min-width: 1600px){.textSlogan{font-size: 80px;}}
/*****************************************/
/********** Section Colors ***************/
/*****************************************/
.white{background-color: #FFFFFF; color: #000000;}
.grayLight{background-color: #cccccc; color: #000000;}
.grayDark{background-color: #333333; color: #FFFFFF;}
.levelGreen{background-color: #99ff33; color: #FFFFFF;}
/*****************************************/
/********** LINKS ************************/
/*****************************************/
a.a1:link{   color: #FF3333; font-size: 16px; text-decoration: underline;}
a.a1:visited{color: #FF3333; font-size: 16px; text-decoration: underline;}
a.a1:hover{  color: #FF0000; font-size: 16px; text-decoration: underline;}
a.a2:link{   color: #000000; font-size: 20px; text-decoration: underline;}
a.a2:visited{color: #000000; font-size: 20px; text-decoration: underline;}
a.a2:hover{  color: #99ff33; font-size: 20px; text-decoration: underline;}
a.a3:link{   color: #FFFFFF; font-size: 16px; text-decoration: underline;}
a.a3:visited{color: #FFFFFF; font-size: 16px; text-decoration: underline;}
a.a3:hover{  color: #99ff33; font-size: 16px; text-decoration: underline;}
a.a4:link{   color: #000000; font-size: 16px; text-decoration: underline;}
a.a4:visited{color: #000000; font-size: 16px; text-decoration: underline;}
a.a4:hover{  color: #FFFFFF; font-size: 16px; text-decoration: underline;}
a.a5:link{   color: #FFFFFF; font-size: 24px; text-decoration: underline;}
a.a5:visited{color: #FFFFFF; font-size: 24px; text-decoration: underline;}
a.a5:hover{  color: #000000; font-size: 24px; text-decoration: underline;}
a.a6:link{   color: #99ff33; font-size: 60px; text-decoration: underline;}
a.a6:visited{color: #99ff33; font-size: 60px; text-decoration: underline;}
a.a6:hover{  color: #FFFFFF; font-size: 60px; text-decoration: underline;}
@media (min-width: 1200px){.a6{font-size: 90px;}}
/*****************************************/
/********** Spacing  *********************/
/*****************************************/
.padding-0{padding:0px;}
.section-50{padding-top: 50px;padding-bottom: 50px;}
.section-100{padding-top: 100px;padding-bottom: 100px;}
@media (max-width: 575px) {.topspacing{padding-top: 45px;}}
@media (min-width: 576px) {.topspacing{padding-top: 100px;}}
.vertical {display: inline-block;vertical-align: middle;line-height: normal;}
.verticalTextServices{height: 100px;line-height: 500px;text-align: center;}
.verticalCenter{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
@media (max-width: 575px) {.verticalSlogan{margin: 0;position: absolute;top: 60%;left: 50%;transform: translate(-50%, -50%);}}
@media (min-width: 576px) {.verticalSlogan{margin: 0;position: absolute;top: 60%;left: 40%;transform: translate(-50%, -50%);}}
.paddingDiscuss{padding-bottom:60px;padding-left:40px;padding-right:40px;}
.paddingDiscussTitle{padding-bottom:24px;}
.sectionVerticalHeader{height: 300px;position: relative;}
.sectionHeaderSpacing{padding-top: 142px;}
.no-padding{padding:0;}
.middlecontainer{position: relative;}
/*****************************************/
/********** BACKGROUND IMAGES ************/
/*****************************************/
.homeSloganOverlay {background: #000 url("/nextlevelassets/montana-web-marketing-video-production-content-creators.jpg");color: #fff;width: 100%;height: 700px;display: flex;justify-content: center;align-items: center;position: relative;}
.servicesOverlay {background: #000 url("/nextlevelassets/low-cost-website-design-bozeman--marketing-next-level-marketing.jpg");color: #fff;width: 100%;height: 300px;display: flex;justify-content: center;align-items: center;position: relative;}
.teamOverlay {background: #000 url("/nextlevelassets/montana-content-creators-next-level-team-photo-mobile.jpg");color: #fff;width: 100%;height: 300px;display: flex;justify-content: center;align-items: center;position: relative;}
/*****************************************/
/********** DESIGN ELEMENTS **************/
/*****************************************/
.colorOverlay {width: 100%;height: 100%;background: #99ff33;opacity: .6;position: absolute;}
.containerSection{position: relative;width: 100%;background: #99ff33;}
.containerSection:hover .imageSection {opacity: .1;}
.containerSection:hover .overlaySection {opacity: 1;}
.imageSection{opacity: 1;display: block;width: 100%;height: auto;transition: .5s ease;backface-visibility: hidden;}
.overlaySection{transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
.centeredTextSection {color: white;font-size: 35px;text-shadow:2px 2px #000000;}
.discuss{width: 100%;padding: 12px 20px;margin: 8px 0;box-sizing: border-box;border: none;border-bottom: 2px solid green;}
.inputFaded {transition: opacity 0.5s ease-in;opacity: 0.2;}
.inputFaded.Focused {transition: opacity 0.5s ease-in;opacity: 1;}
hr.greenLeft{width:50%;height: 5px; border: 1px solid #99ff33;  background-color: #99ff33;text-align:left;margin-left:0}
hr.greenCenter{width:50%;height: 5px; border: 1px solid #99ff33;  background-color: #99ff33;}
.stretch{max-height: 700px;width:100%;}
/*****************************************/
/********** NAVBAR ***********************/
/*****************************************/
#navbar{overflow: hidden;background-color: #FFFFFF;padding: 10px 10px;transition: 0.4s;position: fixed;width: 100%;top: 0;z-index: 99;}
#navbar a.nav-link {float: left;color: #333333;text-align: center;text-decoration: none;padding: 10px;font-size: 20px; font-family: Tahoma, sans-serif;}
#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: #333333;text-align: center;text-decoration: none;padding: 10px 10px;font-size: 20px;background-color: #99ff33; font-family: Tahoma, sans-serif;}
#navbar a:hover {color: #999999;}
#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;}
}
/*****************************************/
/********** BUTTON COLORS ****************/
/*****************************************/
.btn-success {background-color:#99ff33;border-color:#99ff33;}
.btn-success:hover {background-color:#66cc00;border-color:#66cc00;}
.btn.btn-custom-lg,.btn.btn-custom-sm,.btn.btn-custom-xs {border-radius: 0;}
.buttn {border-radius: 0px;background-color: #99ff33;border: none;color: #333333;text-align: center;font-size: 24px;padding: 10px;width: 250px;transition: all 0.5s;cursor: pointer;margin: 5px;}
.buttn span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;}
.buttn span:after {font-family: "Font Awesome 5 Free";content: "\f086";position: absolute;opacity: 0; top: 0; right: -20px;transition: 0.5s;}
.buttn:hover span{padding-right: 35px;}
.buttn:hover span:after {opacity: 1;right: 0;}
/*****************************************/
/********** TESTIMONIAL SLIDER  **********/
/*****************************************/
.carousel-indicators li{background-color:#AAAAAA;}
.carousel-indicators li.active{background-color:#000000;}
.carousel-inner{height: 400px;}
/*****************************************/
/********** 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%;}