/* Move down content because we have a fixed navbar that is 50px tall */

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
	padding-top:10px;
    padding-left: 15px;
    padding-right: 15px;
}
.price{
    color:blue;
}
.toparrow{
    display:inline; 
    position:fixed; 
    bottom:45px; 
    right:20px
}
#backToTop {
    visibility:hidden;

}
a {
  color: #555555;
  text-decoration: none;
}
a:hover, a:visited, a:link, a:active
{
    text-decoration: none !important;
}
.a-download {
  color: #000000;
  text-decoration: none;
  font-size:1em;
}
.contact{
    margin-bottom:0px;
}
.contact-1{
    margin-bottom:0px;
     margin-top:5px;
}


.red{
color: #EF0304;
}
video {
	width: 100%;
	max-width: 100%;
	height: auto;
}


.panel{
	border:none;
}
.panel-group .panel {
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 4px;
}
.panel-heading {
    padding: 15px 15px;
}
.panel-default > .panel-heading {
    background-color: lightblue;
}
.panel-default .panel-heading .panel-footer .panel-body{
	background:#fafafa;
}
.panel-default .panel-dafault-demo .panel-footer-demo .panel-body-demo{
	background:#EEEEEE;
    color:#333333;
}
.panel-body-demo{
	margin-bottom:20px;
}
.panel-footer-demo{
    padding:10px;
    font-size:15px;
    background-color:#eeeeee;
}
.panel-default-demo{
	margin-bottom:75px;
}




/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

.divoffset:before { 
	display: block; 
 	content: " "; 
  	height: 100px;      /* Give height of your fixed element */
        margin-top: -100px; /* Give negative margin of your fixed element */  	
        visibility: hidden; 
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

/*Responsive-Text*/
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}
/*Allign Text*/
@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

/*Change CD Image*/
@media (max-width: 767px) {
    .change-background {
        background-image: url('../images/CDImage(197x197).png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }
}
@media (min-width: 768px) {
    .change-background{
        background-image: url('../images/CDImage(351x198).png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }
}



.chevron-rotate {
    align-content:center;
    transform: rotate(-180deg);
    /*transform: rotate(180deg);*/
    transition: .3s;
}
.chevron-rotate2 {
    align-content:center;
    transform: rotate(0deg);
    transition: .3s;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}




.panel-title a.accordion-toggle {
    display: block;
    background: url("images/UpIcon(12x8).png") no-repeat center right;
    background-image: url('../images/UpIcon(12x8).png');
}
    .panel-title a.accordion-toggle.collapsed {
        color: inherit;
        display: block;
        background: url("images/DownIcon(12x8).png") no-repeat center right;
        background-image: url('../images/DownIcon(12x8).png');
    }
    .panel-title a.accordion {
        color: inherit;
        display: block;
        background: url("images/UpIcon(12x8).png") no-repeat center right;
        background-image: url('../images/UpIcon(12x8).png');
    }


    .btn-danger {
    color: #fff;
    background-color: #EE0000;
    border-color: #EE0000; /*set the color you want here*/
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f; /*set the color you want here*/
}

.panel-default>.panel-heading-custom {
    color: #333;
    background: black;
    border-color: #ddd;
 }





/*Autohide navbar*/
.cd-secondary-nav {
  position: relative;
  z-index: 1;
  clear: both;
  width: 100%;
  height: 50px;
  background-color: #25283D;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}
.cd-secondary-nav::after {
  /* gradient on the right - to indicate it's possible to scroll */
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 35px;
  background: transparent;
  background: -webkit-linear-gradient(right, #25283D, rgba(37, 40, 61, 0));
  background: linear-gradient(to left, #25283D, rgba(37, 40, 61, 0));
  pointer-events: none;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}
.cd-secondary-nav.nav-end::after {
  opacity: 0;
}
.cd-secondary-nav ul, .cd-secondary-nav li, .cd-secondary-nav a {
  height: 100%;
}
.cd-secondary-nav ul {
  /* enables a flex context for all its direct children */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 5%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.cd-secondary-nav ul::after {
  clear: both;
  content: "";
  display: block;
}
.cd-secondary-nav li {
  display: inline-block;
  float: left;
  /* do not shrink - elements float on the right of the element */
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.cd-secondary-nav li:last-of-type {
  padding-right: 20px;
}
.cd-secondary-nav a {
  display: block;
  color: #ffffff;
  opacity: .6;
  line-height: 50px;
  padding: 0 1em;
}
.cd-secondary-nav a:hover, .cd-secondary-nav a.active {
  opacity: 1;
}
@media only screen and (min-width: 1024px) {
  .cd-secondary-nav {
    height: 70px;
    overflow: visible;
  }
  .cd-secondary-nav ul {
    /* reset mobile style */
    display: block;
    text-align: center;
  }
  .cd-secondary-nav li {
    /* reset mobile style */
    float: none;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
  }
  .cd-secondary-nav a {
    line-height: 70px;
  }
  .cd-secondary-nav a.active {
    box-shadow: inset 0 -3px #8F3985;
  }
}
/*End*/