html,
body {
 height: 100%;
 position: relative;
}

.carousel-item {
  height: 850px;
}

.carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 300px;
}

.navcolor {
    background-color: #33333b;
}

.shows {

    font-family: 'Rock Salt', cursive;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    color:white;

}

.rec {
    width: 35%;
    text-align: center;
    margin: auto;
}


#uniimg {

    margin-right: 30px;
    margin-left: 0px;
}

.uni {

    margin-left: 480px;
}

.biotext {

    margin-left: 70%;
    width: 250px;
    height:300px;
    padding-top: 60px;
    color: #F0F8FF;
    font-family: 'Ubuntu', sans-serif;
    font-size: 120%;
    text-align: center;
    background-color: #33333b;
    border-style: solid;
    border-radius: 8px;
    border-color: dodgerblue;
    opacity:0.8;
    
}

.head {

    font-size: 200%;
}

.altpic {

    background-image: url('../img/customer.png');
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: contain;
    width: 100%;
    height: 600px;
    background-position: center;
    background-color: #053d57;
    position: relative;
}

.signupBtn {
  margin: 0;
  position: absolute;
  top: 80%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.serigrafia {

    background-image: url('../img/screenprint.jpg');
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: 100%;
    width: 100%;
    height: 600px;
}

.icon {

    width: 60px;
    height: 60px;
    margin-top: 5%;
}


footer {

    text-align: center;
    background-color: #33333b;
    font-weight: bold;
    color: white;
    margin-top: 0%;
    padding-bottom: 5%;
    padding-top: 5%;
    font-size: 10px; 
    position: sticky;
    bottom: 0;
    width: 100%;
}

.producto {

    margin-left: 6%;
}

#clickimg {

    /*height:420px;
	width:460px;*/
    max-height: 100%;
    max-width: 100%;

}


#panelorder {

    width: 90%;
    margin-left: 5%;
    padding-bottom: 0px;
    /*float: right;*/
    height: 580px;
    /*display: inline-block;*/
}


#options {

    width: 90%;
    margin-left: 5%;
    margin-top: 0;
    padding-bottom: 20px;
    /*float: right;*/
}

#loadedimg {

    /*max-width:100%;
	max-height:100%;*/
    position: relative;
    float: left;
    width: 500px;
    height: 440px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    margin-left: 3%;
}

.num {

    display: inline;
}

.tarjeta {

    width: 35rem;
    margin-bottom: 2%;
}

.vid {

    display: block;
    margin: 0 auto;
    /*border-style: solid;
    border-color: blue;*/
}

.videoDiv {
	background-color: #33333b;
    height: 600px;
}

.dragtext {

    z-index: 1;
    /*display: inline;*/
    position: absolute;
}

.dragpic {

    z-index: 1;
    width: 20px;
    height: 20px;
    position: absolute;
}


#shipord {


    height: 150px;
}

.preciotext {

    float: right;
    margin-left: 16%;
}

.stats {

    background-color: #437070;
    padding-bottom: 5%;
    padding-top: 3%;
    text-align: center;
}

.headi {

    color: white;
}

.summary {

    font-size: 60px;
}

.row5 {

    border-style: solid;
    border-color: black;
    margin: 1%;
}

.left {

    display: inline-block;
}

.right {

    /*margin-left:90%;*/
    display: inline-block;
}

.bot {

    max-width: 100%;
    max-height: 100%;
    width: 185px;
    height: 400px;
    margin-bottom: 5%;
}

.thumb {

    border-style: solid;
    border-color: lightblue;
}

.guide {
    margin-left: 20%;
}

.btns {
     text-align: center;
     padding-top: 8%;
}

#newOrderbtn {
    width: 90%;
    height: 250%;
}

#custCodebtn {
    width: 90%;
    height: 250%;
}

.card-img-top {
    height:350px;
}

.sizelabel {
    text-align: center;
}

.paddingAdd {
    margin-bottom: 40px;
}

.btnlrg {
    width: 100%;
    height: 100%;
}

#card-name-field-container,#card-number-field-container,#card-expiry-field-container,#card-cvv-field-container {
   
}

.midTxt {
    text-align: center;
}

.card {
    display: inline-block;
}

#searchTxt {

    height: 75px;
}