.modal-center .modal-dialog, .previewModal{
    position: relative;
    width: auto;
    max-height: 70%;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.modal{
    padding-top: 20px;
}

.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align img{
    max-width: 300px;
    max-height: 300px;
}

.maxwidth-img img{
    max-width: 350px;
    max-height: 350px;
    padding: 20px;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  /* Optional to align inner items
     horizontally inside the column */
  justify-content: center;
}

.boxcontainer{
}

.rfloat{
    float: right;
}

.lfloat{
    float: left;
}

.video-container {
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    height: 100vh;
    max-height: 360px;
    z-index: 0;
}

.video-container video {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    max-height: 350px;
    width: auto;
    z-index: -100;
    max-width: 200px;
}

video{
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 750px) {
    video{
        max-height: 200px;
    }
}

.release-number-label{
    color: #783b15;
}

.release-number-value{
    color: #e9811c;
}


/* Center nav tabs */
.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
    text-align:center;
}


.float-right{
    float: right;
}

.float-left{
    float: left;
    padding-right: 20px;
}

.img-container{
    width: 600px;
    background: yellow;
}

.img-preview{
    max-width: 600px;
}

#container{
    width: 400px;
    background: yellow;
}

#floated{
    float: left;
    width: 150px;
    background: red;
}

.modal-body img{
    margin: 0 auto;
    display: block;
}

.modal-body{
    overflow-y: auto;
    overflow-x: auto;
}

.center-img{
    display: block;
    margin: 0 auto;
}

.figure-container{

}

.figure-caption{
    text-align: center;
    font-style: italic;
}

.product-info-band{
    /* height: 80px; */
    background-color: #ccc;
}

.product-info-band .item{
    /* float: left; */
}

.product-header{
    padding-top: 50px;
    padding-bottom: 50px;
}

.product-header .page-title{
    margin-top: 0px;
}

.ref-tooltip{
    text-decoration-style: dotted;
    text-decoration-line: underline;
}

.release-notes-container{
    border: 1px solid #ffc374;
    border-radius: 4px;
    padding: 19px;
    margin-bottom: 20px;
    min-height: 20px;
    text-align: justify;
}

p{
    text-align: justify;
}

footer > p{
    text-align: center;
}

.tab-content{
    padding: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: solid #ffab64 1px;
    border-top: transparent;
}

li.active > a{
  outline: 0;
  border: none;
  -moz-outline-style: none;
  background-color: #cb5d00 !important;
  color: #fff !important;
}

.nav-tabs{
    border-bottom: 1px solid #ffab64 !important;
}

@media screen and (min-width: 1200px) {
    .nav-tabs > li{
        display: block;
    }

    li.active > a{
        border-bottom-color: rgb(221, 221, 221) !important;
    }
    .nav-tabs{
        border-bottom: transparent !important;
        border-left: solid 1px #ffab64;
    }
    .tab-content{
        padding: 20px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 10px;
        border: solid #ffab64 1px;
        border-left: transparent;
        border-top-right-radius: 10px;
    }
}

button.close{
    color: #5a5a5ae6;
    font-size: 2em;
    color: #;
    opacity: 0.8;
}

#popup-img-caption{
    padding: 10px;
    border-top: 1px solid #eee;
    text-align: center;
    color: #ce5e00;
}

/* Adjust transition speed of the modal dialog */
.fade {
    -webkit-transition: opacity 0.125s cubic-bezier(.65,.05,.36,1);
    -moz-transition: opacity 0.125s cubic-bezier(.65,.05,.36,1);
    -ms-transition: opacity 0.125s cubic-bezier(.65,.05,.36,1);
    -o-transition: opacity 0.125s cubic22-bezier(.65,.05,.36,1);
    transition: opacity 0.125s cubic-bezier(.65,.05,.36,1);
}

.product-label-bar{
    display: table;
    width: 100%;
}

.product-label{
    display: table-cell;
    float: none;
}

.product-buy{
    display: table-cell;
    float: none;
    text-align: right;
}

.en-fill-btn{
    background-color: #f07a15;
    color: #fff;
}

.en-fill-btn:hover{
    color: #fff;
    background-color: #ff9235;
}

.tmr-text{
    height: 400px;
    vertical-align: middle;
    text-align: center;
    line-height: 400px;
    font-size: 18px;
}

.tmr-text li{
    line-height: normal;
}

@media screen and (max-width: 768px) {
    .tmr-text{
        line-height: auto;
        height: auto;
    }
}

.tmr-img{
    margin: 10px 0px;
    height: 400px;
}

.tmr-img > div{
    height: 400px;
}

.tmr-img img{
    max-height: 100%;
}

.tmr-text-content{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


.product-banner-container{
    background-image: linear-gradient(#cc5f04, #e66300, #e49100, #fff);
    /* linear-gradient */
    /* background-image: linear-gradient(#cc5f04, #ce5c03, #e38437, #fff); */

    height: 560px;
    width: 100%;
    color: white;
    position: relative;
}

.product-label-col{
    height: 560px;
    position: relative;
}

.product-image-container{
    height: 560px;
}

.product-label-container{
    position: relative;
    display: inline-block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* position: absolute; */
    /* left: 30%; */
    /* top: 25%; */
}

.version-info{
    font-size: 11px;
}

.product-label-header{
    font-family: 'Lato', san-serif;
    font-weight: bold;
    font-size: 60px;
    line-height: 40px;
    text-shadow:0 1px 2px #451b00;
    /* -webkit-text-stroke-width: 1px; */
    /* -webkit-text-stroke-color: #451b00; */
}

.product-major-version{
    font-size: 42px;
    /* margin-left: 20px; */
}

.version-info-container{
    font-size: 11px;
    text-align: right;
}

.product-image-container{
    padding-top: 60px;
    line-height: 500px;
    text-align: left;
}

.product-image-container > img{

}


.down-arrow-container {
    position: absolute;
    left: 50%;
    top: 95%;
    color: #ff7e00;
}

.product-description {
    font-size: 20px;
}

.product-buttons-container {
    max-width: 420px;
    text-align: center;
}

.prod-banner-btn {
    border: solid black 1px;
    min-width: 200px;
    margin: 10px 0px;
    background-color: #c85600;
    color: #fff;
}

.prod-banner-btn:hover {
    color: #fff;
    background-color: #f07a15;
}


.prod-banner-btn.en-fill-btn {
    background-color: #f07a15;
}

.prod-banner-btn.en-fill-btn:hover {
    background-color: #ff9235;
}


.down-arrow {
  border: solid #ff7e00;
  border-width: 0 5px 5px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.down-arrow-anim {
    animation: arrow-bounce 1.5s;
    animation-iteration-count: infinite;
    animation-delay: 0.5s;
}

@keyframes arrow-bounce{
    0%, 20%, 50%, 80%, 100% {
        transform:         translateY(0) rotate(45deg);
        -ms-transform:     translateY(0) rotate(45deg);
        -moz-transform:    translateY(0) rotate(45deg);
        -webkit-transform: translateY(0) rotate(45deg);
    }
    40% {
        transform:         translateY(-10px) rotate(45deg);
        -moz-transform:    translateY(-10px) rotate(45deg);
        -ms-transform:     translateY(-10px) rotate(45deg);
        -webkit-transform: translateY(-10px) rotate(45deg);
    }
    60% {
        transform:         translateY(-5px) rotate(45deg);
        -moz-transform:    translateY(-5px) rotate(45deg);
        -ms-transform:     translateY(-5px) rotate(45deg);
        -webkit-transform: translateY(-5px) rotate(45deg);
    }
}

@-webkit-keyframes arrow-bounce{
    0%, 20%, 50%, 80%, 100% {
        transform:         translateY(0) rotate(45deg);
        -ms-transform:     translateY(0) rotate(45deg);
        -moz-transform:    translateY(0) rotate(45deg);
        -webkit-transform: translateY(0) rotate(45deg);
    }
    40% {
        transform:         translateY(-10px) rotate(45deg);
        -moz-transform:    translateY(-10px) rotate(45deg);
        -ms-transform:     translateY(-10px) rotate(45deg);
        -webkit-transform: translateY(-10px) rotate(45deg);
    }
    60% {
        transform:         translateY(-5px) rotate(45deg);
        -moz-transform:    translateY(-5px) rotate(45deg);
        -ms-transform:     translateY(-5px) rotate(45deg);
        -webkit-transform: translateY(-5px) rotate(45deg);
    }
}


.feature-enabled{
    color: #00d400;
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
}

.feature-disabled{
    color: red;
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
}


.anchor{
    position: relative;
    top: -60px;
    visibility: hidden;
}