.navbar {
	/*margin-bottom: 0;*/
	background-color: rgba(0,0,0,.85);
	z-index: 9999;
	border: 0;
	/*font-size: 16px !important;*/
	line-height: 1.42857143 !important;
	/*letter-spacing: 1px;*/
	border-radius: 0px;

    	  font: 400 18px Helvetica, Arial, sans-serif;

}
.navbar-brand {
  float: left;
  height: 50px;
  /*padding: 15px 15px;*/
  /*padding-bottom:15px;*/
  font-size: 18px;
  /*line-height: 20px;*/
  
}
.logoimage {
    max-height: 50px;
    /*min-height: 40px;*/
    display: flex;
    align-items: center;
}
.navbar .brand {
    /*max-height: 50px;
    max-width: 70%;*/ 
    overflow: visible;
    padding-top: 0;
    padding-bottom: 0; 

}
.jumbotron {
	/*margin-bottom: 0px;*/
	/*background-image: url(../images/background.png);
	background-position: 0% 10%;
	background-size: cover;
	background-repeat: no-repeat;*/
	/*color: white;*/
	/*text-shadow: black 0.1em 0.1em 0.1em;*/
}
  #wrapper {
	min-height:100%;
	position:relative;
    padding-top: 100px;
    padding-bottom: 120px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top:10px;
  /* Set the fixed height of the footer here */
  /*height: 60px;*/
  background-color: #f5f5f5;
}
/*#precastshowbadge {
          position:fixed;
        top: 100px;
        right: 300px;

    width: 100px;
	height: 100px;
	background-color: red;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}*/
#precastshowbadge {
          top: 100px;
        right: 0;

  position: absolute;
  color: white;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
  z-index:1;
}
#precastshowpricing {
    top: 100px;
    right: 0;
    position: absolute;
    color: #000000;
    z-index: 1;
    width: 296px;
    height: 150px;
    background-image: url(../images/blankflagsmall.png);
    padding-right: 1px;
    padding-top: 10px;
}
#showpricingtext {
    width: 80%;
    text-align: right;
    margin: 0 auto;
    font-size: 18px;

}
#showcodeform {
    width: 50%;
    position: absolute;
    top: 70px;
    right: 45px;
}
#code {
    text-align:center;
}
#codeButton {
    margin: 3px auto;
    width: 100%;
}
.tpsshowglyph {
    position: absolute !important;
    display: block;
    top:-15px;
    right: 10px;
    font-size: 8em;
    z-index:1;
}
/*#precastshowbadge {
    background: red;
    width: 80px;
    height: 80px;
    position: fixed;
    text-align: center;
            top: 100px;
        right: 100px;

}
#precastshowbadge:before, #precastshowbadge:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 80px;
    background: red;
}
#precastshowbadge:before {
    -webkit-transform: rotate(30deg);
       -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
         -o-transform: rotate(30deg);
}
#precastshowbadge:after {
    -webkit-transform: rotate(60deg);
       -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
         -o-transform: rotate(60deg);
}*/
.bigglyph {
    font-size: 50px;
    color: gray;
}
.bigglyph:hover {
    color: #BABABA;
}
.bigglyph:active {
    color: #545454;
}

#introduction{
	/*background-image: url(../images/vectormountains.png);*/
	background-position: 0% 100%;
	background-size: contain;
	background-repeat: no-repeat;
	color: black;

}
#faqcontainer{
    	background-image: url(../images/faqback2.png);
	background-position: center;
	background-size: auto;
    background-attachment: fixed;
	background-repeat: no-repeat;

}
.mountainbackground {
    	background-image: url(../images/faqback2.png);
	background-position: center;
	background-size: auto;
    background-attachment: fixed;
	background-repeat: no-repeat;
}
.mountainbackgroundlow {
    	background-image: url(../images/mountainbacklow.png);
	background-position: center;
	background-size: auto;
    background-attachment: fixed;
	background-repeat: no-repeat;
}
#schedulerProduct{
    background-image: url(../images/schedule_glyph_bg.png);
	background-position: center;
	background-size: auto;
    background-attachment: fixed;
	background-repeat: no-repeat;
    padding-bottom: 50px;
}
#foremanProduct{
    background-image: url(../images/foreman_glyph_bg.png);
	background-position: center;
	background-size: auto;
    background-attachment: fixed;
	background-repeat: no-repeat;
    padding-bottom: 50px;
}
#modelerProduct{
    background-image: url(../images/model_glyph_bg.png);
	background-position: center;
	background-size: auto;
    background-attachment: fixed;
	background-repeat: no-repeat;
    padding-bottom: 50px;
}
.clickable:hover {
	background-color: #F4F4F4;

	
}
.clickable{
	padding-top:10px;
	border-radius: 15px;
    transition: background-color .15s ease-in-out;
    background-color: rgba(255,255,255,.9)
}
.clickable:active {
    background-color: darkgray;
}
.dropdown-menu {
	background-color: rgba(0,0,0,.85);
	font-size: 16px !important;
}

.dropdown-toggle:active, .open .dropdown-toggle {background:#555 !important; color:#fff !important;}


.navbar li a, .navbar .navbar-brand {
	color: #fff !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
	color: white !important;
	background-color: #555 !important;
}

.navbar-default .navbar-toggle {
	border-color: transparent;
	color: #fff !important;
}

.nav li.purchase a {
	color: #FFD700 !important;
}
.modal {
  position: fixed;
  /*top: 0px;
  right: 0;
  bottom: 0px;
  left: 0;*/
  z-index: 105000;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  
}
.modal-lg{
    max-width: 600px;
}

.modal-sm{
    width: auto !important;
    display: inline-block;
    text-align:center;
    /*max-height: 100% !important;*/

}
.modal-content{
    height:100%;
    margin: 0 auto;

}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  
  opacity: .9;
    z-index: 104999;
      background-color: white;

}

.inline {
    display: inline-block;
}
  .jumbotron {
	  background-color: transparent;
	  color: #000;
	  padding: 00px 25px 50px;
	  font-family: Helvetica, Arial, sans-serif;
	  margin-bottom: 0px;
  }
  .bodyrow {
	  padding-bottom: 25px;
  }
	body {
	  font: 400 15px Helvetica, Arial, sans-serif;
	  line-height: 1.8;
	  /*color: #818181;*/
      color: black;
	 /*padding-top: 100px;*/
     height: 100%;
	 
  }
    html{
        height:100%;
    }
.productimage {
	margin: 20px auto;
}
  
	.bodypadding {
	  padding: 60px 50px 0px 50px;
  }
.logo {
	color: #990099;
	font-size: 200px;
}
  
  .bg-grey {
	  background-color: #f6f6f6;
	  /*background-color: #F0FFF0;*/
}
.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute !important;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 30px;
  letter-spacing: 1px;
  color: #000000;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Custom styles */

.corner-ribbon.sticky{
  position: fixed;

}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
  top: 25px;
  left: -55px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);

}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
/*.corner-ribbon.yellow{background: #ec0;}*/  
.corner-ribbon.yellow{background: #FFD700;}  

.img25 {
	  width:25%;
  }
   .img50 {
	  max-width:50%
  }
  .img75 {
	  max-width:75%
  }
	.img10 {
	  max-width:10%
  }
  .cust-glyph {
	  margin-top:20px;
	  margin-bottom: 40px;
            max-height: 100px;

  }
  .img100fix {
	  width: 100px;
  }
  .img125fix {
	  width: 125px;
  }
  .img150max {
	  max-width:150px;
  }
  .img300h{
      max-height: 300px;
  }
  .img600h {
      max-height: 550px;
  }

  .img800max {
	  max-width: 800px;
  }
  legend {
  color: #333;
  border: 0;
  border-bottom: none;
}
  .formerror {
	  color: white;
	  background-color: red;
	  /*-webkit-transition: background-color .5s, color .5s;
	  transition: background-color .5s, color .5s;*/

  }
  .formerror:focus {
	  color: white;
	  background-color: red;
  }
  .buttonsuccess {
	  background-color: green;
	  color: white;
  }

  .form-control {
	  -webkit-transition: background-color .5s, color .5s;
	  transition: background-color .5s, color .5s;
  }
  .btn {
	  -webkit-transition: background-color .5s, color .5s;
	  transition: background-color .5s, color .5s;
	  /*-webkit-transition-delay: 2s; /* Safari */*/
	  /*transition-delay: 2s;*/
  }

	.slideanim {visibility:hidden;}
  .slide {
	  animation-name: slide;
	  -webkit-animation-name: slide;
	  animation-duration: .5s;
	  -webkit-animation-duration: .5s;
	  visibility: visible;
  }
  
	@keyframes slide {
	0% {
	  opacity: 0;
	  transform: translateY(70%);
	}
	100% {
	  opacity: 1;
	  transform: translateY(0%);
	}
  }
  @-webkit-keyframes slide {
	0% {
	  opacity: 0;
	  -webkit-transform: translateY(70%);
	}
	100% {
	  opacity: 1;
	  -webkit-transform: translateY(0%);
	}
  }
	.thumbnail {
	  padding: 0 0 15px 0;
	  border: none;
	  border-radius: 0;
  }
  .thumbnail img {
	  width: 75%;
	  height: 75%;
	  margin-bottom: 10px;
  }
  
	.carousel-control.right, .carousel-control.left {
	  background-image: none;
	  color: #818181;
  }
  .carousel-indicators {
  position: absolute;
  bottom: -30px;

}
  .nodecoration {
	  text-decoration: none;
	  color: inherit;

  }
  .nodecoration:hover{
	  color: inherit;
      text-decoration: none;
  }
  .carousel {
	  margin-bottom: 50px;
	  min-height: 100px;
  }

  .carousel-indicators li {
	  border-color: #818181;
  }
  .carousel-indicators li.active {
	  background-color: #818181;
  }
.carousel-control {
 
  width: 0%;

}
.divider-vertical {
	height: 40px;
	width:4px;
	margin: auto;
	border-left: 2px solid white;
	border-right: 2px solid white;
	text-align:center;
}
  /*.panel {
	  border: 1px solid #0066ff;
	  border-radius:0 !important;
	  transition: box-shadow 0.5s;
  }
  .panel:hover {
	  box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .panel-footer .btn:hover {
	  border: 1px solid #0066ff;
	  background-color: #fff !important;
	  color: #0066ff;
  }

  .panel-heading {
	  color: #FFF !important;
	  background-color: #0066ff !important;
	  padding: 25px;
	  border-bottom: 1px solid transparent;
	  border-top-left-radius: 0px;
	  border-top-right-radius: 0px;
	  border-bottom-left-radius: 0px;
	  border-bottom-right-radius: 0px;
  }
  .panel-footer {
	  background-color: white !important;
  }
  .panel-footer h3 {
	  font-size: 32px;
  }
  .panel-footer h4 {
	  color: #aaa;
	  font-size: 14px;
  }
  .panel-footer .btn {
	  margin: 15px 0;
	  background-color: #0066ff;
	  color: #FFF;
  }*/
  .packagefine {
      margin: 0 auto;
      text-align: left;
      max-width: 768px;
      font-size: smaller;
      color: gray;
  }
  .productlistingpanel{
      	  transition: box-shadow 0.5s;
  }
    .productlistingpanel:hover {
	  box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }

	.prodpanel {
	  border: 1px solid #00a1e7;
	  border-radius:0 !important;
	  transition: box-shadow 0.5s;
  }
  .prodpanel:hover {
	  box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .prodpanel-footer .btn:hover {
	  border: 1px solid #00a1e7;
	  background-color: #fff !important;
	  color: #00a1e7;
  }
  .prodpanel-heading {
	  color: #FFF !important;
	  background-color: #00a1e7 !important;
	  border-bottom: 1px solid transparent;
	  border-top-left-radius: 0px;
	  border-top-right-radius: 0px;
	  border-bottom-left-radius: 0px;
	  border-bottom-right-radius: 0px;
            padding-left: 75px;
      padding-right: 75px;

  }
  .prodpanel-body{
            padding-left: 50px;
      padding-right: 50px;
  }
  .prodpanel-footer {
	  background-color: white !important;
  }
  .prodpanel-footer h3 {
	  font-size: 24px;
  }
  .prodpanel-footer h4 {
	  color: #aaa;
	  font-size: 14px;
  }
  .prodpanel-footer .btn {
	  margin: 15px 0;
	  background-color: #00a1e7;
	  color: #FFF;
  }
  .panelfaq-heading {
	  cursor: pointer;
	  padding-right: 40px
  }
  .getprodsuitebutton {
	  background-color: #00a1e7;
	  color: #FFF;
  }
    .getprodsuitebutton:hover {
	  border: 1px solid #00a1e7;
	  background-color: #fff !important;
	  color: #00a1e7;
  }

  .panelleft {
	  text-align: left;
  }
  .modelerpanel {
	  background-color: #ff9445 !important;
	  color: white !important;
	 
  }
	.modelerfaq {

	  border-color: #ff9445 !important;
  }
  .panelindicator {
	  left:20px;
  }
	.schedulerpanel {
	  background-color: #008b10 !important;
	  color: white !important;

  }
	.schedulerfaq {
	  border-color: #008b10 !important;
	}

    .nav-pills > li#schedIndicator > a, .nav-pills > li#foreIndicator > a, .nav-pills > li#modIndicator > a, .nav-pills > li#stackIndicator > a{
    margin: 0px 2px !important; 
        background-color: #f6f6f6;
} 
        .nav-pills > li#schedIndicator > a:hover, .nav-pills > li#foreIndicator > a:hover, .nav-pills > li#modIndicator > a:hover, .nav-pills > li#stackIndicator > a:hover{
        background-color: #e1e1e1;
} 


   .nav-pills > li.active#schedIndicator > a, .nav-pills > li.active#schedIndicator > a:hover {
    background-color: #008b10;
}
      .nav-pills > li.active#foreIndicator > a, .nav-pills > li.active#foreIndicator > a:hover {
    background-color: #00a1e7;
}
   .nav-pills > li.active#modIndicator > a, .nav-pills > li.active#modIndicator > a:hover {
    background-color: #ff9445;
}
      .nav-pills > li.active#stackIndicator > a, .nav-pills > li.active#stackIndicator > a:hover {
    background-color: #10b7f0;
}

	  .foremanpanel {
	  background-color: #00a1e7 !important;
	  color: white !important;
  }
	.foremanfaq {
		border-color: #00a1e7 !important;
	}


	.stackitpanel {
	  background-color: #10b7f0 !important;
	  color: white !important;      
	}
	.stackitfaq {
	  border-color: #10b7f0 !important;
	}

  .im-centered {
	  margin: 0 auto;
	  float: none;

  }
  .faqrow {
	  margin-bottom: 50px;
  }

  .stackframe {
	  width: 100%;
	  height: 100%;
  }
  .topborder{
      border-top: 2px solid #bbb;
      max-width: 75%;
      margin: 50px auto;
  }

  .mobileHide {
      /*display: inline;*/
  }
  #popupNavWrap {
        height: 50px;
        width: auto;
      position:fixed;
        top: 50px;
        right: 0px;
      z-index: 1;
      background-color: rgba(50,50,50,.2);
      padding: 0px 0px;
      border-radius:5px;
      text-align:center;
      overflow:hidden;
        align-items:center;
        display: flex;
  }
  .hidden {
      display:none;
  }
  .activeFAQ {
      background-color:lightgray;
  }
  .popupNav {
      margin: 0 auto !important;
      opacity: .6;
      background-color: transparent;
        height: 100% !important;
        display: inline-block;
        align-items:center;
        text-align: center;
        min-width: 40px;

      
  }
  .popupNav:hover {
      opacity: 1 !important;
  }
  .navbutton{
      margin: 0 auto !important;
      display: block;
          height: 100%;
}
  .chevronnav{
      height: 25px;
  }
    .implementationpackage{
          max-width: 50%;
    }
    .productpackage {
          max-width: 50%;

    }
    #ContactForm{
        margin-top: 20px;
    }
    #precastshowribbon {
        display: none;
    }
    #precastpricingribbon {
        display: none;
    }
    #ribboncontent {
        display: table-cell;
        vertical-align: middle;
    }

@media (max-width: 990px) {
    /*.mobileHide {display:none !important;}*/
    #popupNavWrap {
        height: 50px;
        width: auto;
        top: 0px;
        right: 0px;
        align-items:center;
        display: flex;
        
    }

    .popupNav {
        height: 100% !important;
        display: inline-block;
        align-items:center;
        text-align: center;
        min-width: 40px;
    }

    .navbutton {
        height: 100%;
    }
}
@media (max-width: 990px) {
            .implementationpackage{
          float: left !important;
          display:block !important;
          width: 100%;
                    max-width: 100%;

    }
    .productpackage {
        display: block !important;
        width: 100%;
                    max-width: 100%;
    }

	.navbar-header {
		float: none;
        display: inline;
	}
    .navbar {
        position: absolute; 
        display:block;
    }
    #precastshowbadge {
        display:none;
    }
    #precastshowpricing {
        display:none;
    }
    #precastshowribbon {
        position: relative;
        display: table;
        top: -50px;
        width: 100%;
        height: 50px;
        background-color: rgb(13,163,255);
        color: white;
        text-align:center;
    }
    #precastpricingribbon {
        position: relative;
        display: table;
        top: -50px;
        width: 100%;
        height: 50px;
        background-color: rgb(16, 16, 128);
        color: white;
        text-align:center;
    }


    .logoimage {
    max-height: 50px;
    /*min-height: 40px;*/
    /*width: 80%;*/
    align-items: center;
    margin-right: -150px;
}

	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px -15px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-text {
		float: none;
		margin: 0px 0;
	}
	.navbar-collapse.collapse.in { 
		display: block!important;
	}
	.collapsing {
		overflow: hidden!important;
	}
    /*.dropdown>ul>li {
        float: none!important;
        display: block!important;
    }*/
}
.smallOn {
    display:none;
}
.smallOff {
    display:inherit;
}
@media (max-width: 768px) {
    .smallOn {
        display: inherit !important;
    }
    .smallOff {
        display: none !important;
    }

}