html body{
	padding: 0;
	margin: 0;
}

#modal-vm{
	background-color: rgba(000,000,000, 0.5);
	width: 100%;
	height: 100vh;
	display: none;
}

.modal-vm-active{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: black;
	z-index: 99999;
	position: fixed;
}
input.inputvm{
    color:#fff;
    background-color:red;
}
.container-modal-vm{

	width: 70%;
	background-color: #f2f2f2;
	border-radius: 10px;
	padding: 3vh;

	opacity: 1;
  	transition: opacity 1000ms;
  	z-index:99999;
  	
  	margin-top:25vh;

}
.images-modal-vm{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	transition: 0.3s;
}
.images-modal-vm section{
	padding-right: 1vh;
}
.images-modal-vm section img{
    max-height:75px;
}
.preview-vm{
	display: flex;
	align-items: center;
	justify-content: center;
}
.image-preview-vm{
	max-height:35vh;
}
.images-minhatura-vm{
	border-radius: 2px;

	-webkit-box-shadow: 6px 7px 24px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 7px 24px -15px rgba(0,0,0,0.75);
	box-shadow: 6px 7px 24px -15px rgba(0,0,0,0.75);

	transition: 0.4s;

}
.images-minhatura-vm:hover{
	border:3px solid #d6d6d6;
	width: 85px;
	cursor: pointer;
}
.btn-vm-modal{
	background-color: #195B8F;
	color: #d6d6d6;
	font-size: 13px;
	border:none;
	border-radius: 5px;
	padding: 1%;
	text-transform: uppercase;
	transition: 0.3s;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
.btn-vm-modal:hover{
	padding: 1.5%;
	font-size: 16px;
}
.modal-content-vm{
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn-vm-modal-close{
	margin-bottom: 1vh;
	transition: 0.4s;
}
.btn-vm-modal-close:hover{
	cursor:pointer;
}
.img-hover-zoom {
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
.img-hover-zoom img {
  transition: transform .5s ease;
}
.img-hover-zoom:hover img {
  transform: scale(1.3);
}
@media screen and (max-width: 600px) {
	.container-modal-vm{
		width: 88%;
		margin-top:15vh;
	}

	.image-preview-vm{
		max-height:30vh;
	}
	.images-modal-vm{
	    height:26vh;
	    overflow-y:scroll;
	}
	.images-modal-vm section{
	    padding: 1vh;
    }
    input.inputvm{
        color:#111;
    }
    .content-footer-vm span,a{
        font-size:18px;
    }
}

.icon-vm-men-59{
    width:35px;
    height:35px;
    background-image: url('https://i.imgur.com/SuQn3XG.png');
    background-size:cover;
    background-position:center;
}
.icon-vm-men-10{
    width:35px;
    height:35px;
    background-image: url('https://i.imgur.com/D9M7kaL.png');
    background-size:cover;
    background-position:center;
}
.icon-vm-men-6{
    width:35px;
    height:35px;
    background-image: url('https://i.imgur.com/lDgxetL.png');
    background-size:cover;
    background-position:center;
}
.icon-vm-men-77{
    width:35px;
    height:35px;
    background-image: url('https://i.imgur.com/oxCnGoj.png');
    background-size:cover;
    background-position:center;
}
.icon-vm-men-2{
    width:35px;
    height:35px;
    background-image: url('https://i.imgur.com/tGNXdO7.png');
    background-size:cover;
    background-position:center;
}
.icon-vm-men-67{
    width:35px;
    height:35px;
    background-image: url('https://i.imgur.com/7l3WaKR.png');
    background-size:cover;
    background-position:center;
}
.icon-vm-men-{
    width:35px;
    height:35px;
    background-image: url('https://i.imgur.com/MaLgRQZ.png');
    background-size:cover;
    background-position:center;
}
.board_htm{
    overflow-y:scroll;
}
.header-footer-vm{
    background-color: #195b8f;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1vh;
}
.header-footer-vm span{
    font-size: 16px;
        color: #f4f4f4;
      }
      .content-footer-vm{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width:80%;
        margin:auto;
        height:200px;
        padding-top:2vh;
      }
      .content-footer-vm ul{
        list-style: disc;
      }
      .footer-vm{
        background-color: #F4F4F4;
      }
.vmelo-cn-1{
    width:99%;
    margin:auto;
    display:flex;
    flex-direction:row;
}
.box-quant-vm{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    width:80%;
}
.input-vm-quant{
    width:80px;
    height:60px;
    border-radius:10px;
    box-shadow: 0 0 1em grey;
    padding:2vh;
    text-align:center;
    font-size:18px;
}
.plus-vm{
    font-size:16px;
    color:#195B8F;
    background-color:transparent;
    border:none;
    transition:0.6s;
}
.plus-vm:hover{
    font-size:18px;
}
.plus-vm:focus{
    outline:none;
}
.btn-compra-vmelo{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    font-size:25px;
    background-color:#34e237;
    font-weight:normal;
    border-radius:5px;
    border:none;
    color:#f2f2f2;
    padding:1vh;
    margin-bottom:2vh;
    transition:0.6s;
}
.loading-vm{
    height:100vh;
    width:100%;
    background-color:#fff;
    position:fixed;
    z-index:9999999999;
    top:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
#toastVm{
    position:fixed;
    width:350px;
    height:100px;
    border-radius:5px;
    left:2vh;
    bottom:5vh;
    z-index:999999999;
    font-size:16px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    padding:2vh;
}
#toastVm h1{
    font-size:20px;
    color:#f2f2f2;
    text-transform:uppercase;
}
#toastVm span{
    font-size:16px;
    color:#fff;
    font-weight:normal;
}
#toastVm i{
    color:red;
    float:right;
}
.toastVmSucess{
    background-color:#41D888;
}
.toastVmInfo{
    background-color:#0087D7;
}
.btn-compra-vm{
    width:120px
    background-color:#00D100;
    height:60px;
    border-radius:10px;
}
.imgdisabledVm{
    display:none;
}
@media only screen and (max-width: 768px) {
    #toastVm{
        width:75%;
    }
    .no-mobile{display:none;}
}