*{box-sizing:border-box}.blue{ width:100%;}@media only screen and (min-width:769px){.content{width:100%;margin:auto;padding:20px}}@media only screen and (max-width:420px){table{margin:10px auto 20px;font-size:10px}}@media only screen and (max-width:768px){.content{width:100%;float:right;}.blue h3{font-size:24px}pre{font-size:10px}a.button{width:98%;margin:0 1% 40px}a.button.first{margin-top:10px}}

.add figure{
    border:none !important;
}

.login-google{
    width:100%;
    float:left;
    display: flex;
    align-items: center;
    justify-content: center;
}
   .login-with-google-btn {
       width:55%;
      
  transition: background-color .3s, box-shadow .3s;
  margin: 1.5vw auto;
  padding: 0.8vw 0 0.8vw 3vw;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
  text-decoration: none;
  color: #555;
  font-size: 0.9em;
  font-weight: 500;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
  background-color: white;
  background-repeat: no-repeat;
  background-position: 1vw 0.9vw;
  
  &:hover {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
  }
  
  &:active {
    background-color: #eeeeee;
  }
  
  &:focus {
    outline: none;
    box-shadow: 
      0 -1px 0 rgba(0, 0, 0, .04),
      0 2px 4px rgba(0, 0, 0, .25),
      0 0 0 3px #c8dafc;
  }
  
  &:disabled {
    filter: grayscale(100%);
    background-color: #ebebeb;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    cursor: not-allowed;
  }
}

.popup{background:#fff; padding: 2vw 0; width:30vw; max-width:50vw; margin:0 auto; border-radius:8px; text-align:center; position:relative;
    box-shadow: 1px 1px 23px 7px rgba(0,0,0,0.29);
-webkit-box-shadow: 1px 1px 23px 7px rgba(0,0,0,0.29);
-moz-box-shadow: 1px 1px 23px 7px rgba(0,0,0,0.29);
border:2px solid #603a75;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
row-gap: 1vw;
}

.buttons-report{
    display: flex;
    column-gap: 1vw;
}
.popup button{
    background: #603a75;
    padding: 1vw 2vw;
    color:#fff;
    border:none;
    border-radius: 0.5vw;
    cursor: pointer;
}

.semunder:hover{
    text-decoration: none !important;
}

@media only screen and (min-width:980px){
    
    .comentarios-avaliacoes{
        float:left;
        width:55%;
        padding:0 0 0 3.5vw;
        font-family: Arial;
        
    }
    
    .comentarios-avaliacoes h3{
        font:1.6em Calibri;
        font-weight: bold;
        margin: 0 0 1vw 0;
        color:#333;
        text-transform: uppercase;
        max-width:400px;
    	border-bottom:2px solid #f5ad1b;
    	padding:5px 0;
    }
    
    .avatar{
        display: flex;
        gap: 1vw;
        margin-bottom: 1vw;
        border-bottom: 1px solid #eee;
        padding-bottom: 1vw;
    }
    
    .avatar_inter{
        flex-shrink: 0;
    }
    
  
    
     .avatar_inter {
  width: 3vw;
  height: 3vw;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}

    .avaliacao-estrelas{
        font-family: Arial;
    }
    
    .avaliacao-qnt{
        font-weight: bold;
        font-size:1vw;
    }
    
    .star{
        font-size:1.3vw;
    }
    
    .avaliacao-inf{
        font-size:0.8vw;
        color:#999;
        text-decoration: underline;
        cursor:pointer;
    }
    
      .linksminhaconta{
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 0vw 0.5vw;
        margin-top:2vw ;
        
    }
    .linksminhaconta svg{
        fill: #f2a11a;
        width: 1.1em; 
        height: 1em; 
        vertical-align: middle; 
        overflow: hidden;
    }
    
    .report-link{
        color:#333;
        font:0.8vw Arial;
        text-decoration: none;
        
    }
    
     .report-link:hover{
         text-decoration: underline;
     }


#Carrinho{
    padding: 3em 0 0 0;
    float: left;
    width: 100%;
}
	.red{
		font:0.8vw Arial;
		background-color:#f00;
	}
	
	.green{
		font:0.8vw Arial;
		color:rgb(18, 153, 41);
		background-color: #129929;
	}
	
	.my_account{
		width:100%;
		min-height: 50vh;
		margin:4vw auto 0 auto;
		font:1vw Tahoma;
	}
	
	.my_account h2{
		font:1.7vw Tahoma;
		color:#333;
		font-weight: 500;
		padding: 0.3vw;
	}
	
	.tb_mob{
		display: none;
	}
	
	.products_account{
		width:100%;
		margin:0.5vw auto 7vw auto;
		font:1vw Tahoma;
		float:left;
	}
	
	.products_account h2{
		font:1.7vw Tahoma;
		color:#333;
		font-weight: 500;
		padding: 0.3vw;
	}
	
	.products_account h3{
		font:1.2vw Tahoma;
		color:#333;
		font-weight: 500;
		padding: 0.3vw;
	}
	
	.my_account h4{
		font:1vw Tahoma;
		color:#333;
		padding: 0.3vw;
	}
	
	.products_account table{
		width:100%;
		text-align: left;
		border-collapse: collapse;
		color:#464646;
		overflow:hidden;
		border-radius: 1vw 1vw 0 0;
	}
	
	.products_account table td, th{
		border: 2px solid #fff; 
		padding: 1vw;
	
	}
	
	.products_account table tr{
		background-color: #f5f5f5;
	}
	
	.excluir{
		border: none;
		background-color: transparent;
		font:1vw Tahoma;
		cursor: pointer;
		font-weight: bold;
	}
	
	.title{
		background-color: #603a75 !important;
		color:#fff;
	}
	
	.product{
		display: flex;
		align-items: center;
		column-gap: 1vw;
	}
	
	.price{
		text-align: center;
	}
	
	.download{
		text-decoration: none;
		padding: 0.5vw 1.5vw;
		color:#fff;
		background-color:#57326c;
		border-radius: 0.5vw;
	}
	
	.price span{
		text-decoration: none;
		padding: 0.5vw 1.5vw;
		color:#fff;
		background-color:#b3b3b3;
		border-radius: 0.5vw;
		cursor: not-allowed;
		font-size:1vw;
	}
	
	.action{
		text-align: center;
	}
	
	.action svg{
		width:1.4vw;
		fill:#333;
	}
	
	.total{
		background-color: #603a75 !important;
		color:#fff;
		padding: 1vw;
		text-align: right;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		float:left;
	}
	
	.pagamento_mobile{
	    display: none;
	}
	
	#total{
		background-color: #603a75 !important;
		color:#fff;
		padding: 1vw;
		text-align: right;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
	}
	
	.bt_pagar {
		float:right;
		width:23%;
		padding:1vw;
		text-align:center;
		font: 1.1em Arial;
		color: #fff;
		background-color:#417221;
		text-decoration:none;
		border:none;
		cursor:pointer;
		margin:1vw 0 0 0;
		border-radius: 0.5vw;
	}
	
	.bt_pagar:hover {
		background-color:#2d5513;
		transition: 0.5s all;
	}
	
	.msg_car{
		font:0.9vw Tahoma;
		margin: 0.3vw 0.3vw 1.5vw 0.6vw;
		color:#979797;
	}
	
	.btn-disabled {
		background-color: #ccc !important;
		color: #666;
		cursor: not-allowed;
	}
	
	
	#form_cad {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 4vw;
	}
	
	.form-modal {
		width: 30vw;
		background: #fff;
		border-radius: 20px;
		box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
		overflow: hidden;
		margin: 2vw 0 0 0;
	}
	
	/* Abas de login/signup */
	.form-toggle {
		display: flex;
		width: 100%;
		background: #fff;
	}
	
	.form-toggle button {
		flex: 1;
		padding: 1.5em;
		border: none;
		font-size: 1.1em;
		font-weight: bold;
		text-transform: capitalize;
		background-color: #fff;
		color: #000;
		cursor: pointer;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	
	}
	
	#login-toggle {
		background: #603a75;
		color: #fff;
	}
	
	/* Containers dos formulários */
	#login-form,
	#signup-form{
		display: none;
		background: #603a75;
		padding: 3vw 2vw 6vw 2vw;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		
	}
	
		#recuperar-form{
		display: none;
		background: #603a75;
		padding: 1vw 2vw 4vw 2vw;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		
	}
	
	#login-form{
		border-top-right-radius: 20px;
	
	}
	#signup-form {
		border-top-left-radius: 20px;
	}
	
	#login-form.active,
	#signup-form.active {
		display: block;
	}
	
	.form-modal form {
		display: flex;
		flex-direction: column;
		gap: 0.6em;
	}
	
	.form-modal input {
		width: 100%;
		font-size: 1em;
		padding: 1.2em 1.7em;
		border-radius: 20px;
		border: none;
		background: #fff;
		font-weight: bold;
		outline: none;
		transition: 0.4s;
	}
	
	.form-modal input:focus {
		transform: scaleX(1.02);
	}
	
	.form-modal input::placeholder {
		color: #222;
	}
	
	.form-modal button.btn {
		border-radius: 20px;
		border: 1px solid #ebebeb;
		font-weight: bold;
		font-size: 1.2em;
		padding: 0.8em 1em;
		background: #603a75;
		color: #fff;
		transition: 0.5s;
		cursor: pointer;
		margin-top: 0.5em;
	}
	
	.form-modal button.btn:hover {
		background: #fff;
		color: #603a75;
	}
	
	.form-modal p {
		font-size: 16px;
		font-weight: bold;
		margin-top: 0.1em;
	}
	
	.form-modal p a {
		color: #fff;
		float: right;
		font: 1vw Arial;
		transition: 0.2s;
		text-decoration: underline;
		margin: 0;
	}
	
	.form-modal p a:hover{
		text-decoration: underline;
	}
	
	.msg_login {
		margin-bottom: 1em;
		display: block;
	}

	.msg_login p{
		width: 100%;
		padding: 1vw;
		color: #fff;
	}
	
	
	
	.pedido{
		float:left;
		width:100%;
		margin:0 0 3vw 0;
	}
	
	.-box-sd-effect:hover{
		box-shadow: 0 4px 8px hsla(210,2%,84%,.2);
	}
	}
	
	@media only screen and (max-width:980px){
	    
	     .comentarios-avaliacoes{
        float:left;
        width:98%;
        margin: 0 auto;
        padding:0 2vw;
        font-family: Calibri;
        
    }
    
    .comentarios-avaliacoes h3{
        font-weight: bold !important;
        margin: 0 0 4vw 0;
        text-transform: uppercase;
        max-width:400px !important;
    	border-bottom:2px solid #f5ad1b;
    	font:1.3em Calibri;
    	color:#263342;
    	padding:5px 0;
    }
    
    .avatar{
        display: flex;
        gap: 1vw;
        margin-bottom: 3vw;
        border-bottom: 1px solid #eee;
        padding-bottom: 3vw;
    }
    
    .avatar_inter{
        flex-shrink: 0;
    }
    
  
         .avatar_inter {
  width: 10vw;
  height: 10vw;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}
    
    .avaliacao-estrelas{
        font-family: Arial;
        margin: 2vw 0 0 0;
    }
    
    .avaliacao-qnt{
        font-weight: bold;
        font-size:4.5vw;
    }
    
    .star{
        font-size:5vw;
    }
    
    .avaliacao-inf{
        font-size:3vw;
        color:#999;
        text-decoration: underline;
    }
	    

.produto-conteudo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
	      .linksminhaconta{
	          display:flex;
	          flex-direction: column;
        align-items: center;
        justify-content: space-around;
        margin-top:0 ;
        row-gap: 2.5vw;
    }
    .linksminhaconta svg{
        fill: #f2a11a;
        width: 1.1em; 
        height: 1em; 
        vertical-align: middle; 
        overflow: hidden;
    }
	    
	    .divisordesk{
	        display: none;
	    }
	    
	      .login-with-google-btn {
       width:70%;
  margin: 5vw auto 0 auto;
  padding: 4vw 0 4vw 11vw;
  font-size: 4vw;
  background-position: 3vw 4vw;
  border-radius: 1vw;
	      }
	    
	    .popup{background:#fff; padding: 7vw 0; width:80vw; max-width:90vw; margin:0 auto; border-radius:8px; text-align:center; position:relative;
    box-shadow: 1px 1px 23px 7px rgba(0,0,0,0.29);
-webkit-box-shadow: 1px 1px 23px 7px rgba(0,0,0,0.29);
-moz-box-shadow: 1px 1px 23px 7px rgba(0,0,0,0.29);
border:2px solid #603a75;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font:4vw Arial;
row-gap: 4vw;
}

.popup button{
    background: #603a75;
    padding: 3vw 5vw;
    color:#fff;
    border:none;
    border-radius: 1vw;
    cursor: pointer;
    font-size:3vw;
    margin: 0 2vw;
}

.semunder:hover{
    text-decoration: none !important;
}
	
	.red{
		font:0.8vw Arial;
		background-color: #f00;
	}
	
	.green{
		font:0.8vw Arial;
		background-color: #129929;
	}
	
	.tb_desk{
		display: none;
	}
	
	.my_account{
		width:100%;
		margin:2vw auto 0 auto;
		font:1vw Tahoma;
		float: left;
	}
	
	.my_account h2{
		font:5vw Tahoma;
		color:#333;
		font-weight: 500;
		padding: 0.3vw;
	}
	
	.products_account{
		width:100%;
		margin:1.5vw auto 17vw auto;
		font:1vw Tahoma;
		float: left;
	}
	
	.products_account h2{
		font:5vw Tahoma;
		color:#333;
		font-weight: 500;
		padding: 0.3vw;
	}
	
	.products_account h3{
		font:3.5vw Tahoma;
		color:#333;
		font-weight: 500;
		padding: 0.3vw;
		margin: 0 0 2vw 0;
	}
	
	.img_account{
		width:15vw;
	}
	
	.my_account h4{
		font:3vw Tahoma;
		color:#333;
		padding: 0.3vw;
	}
	
	.products_account table{
		width:100%;
		text-align: left;
		border-collapse: collapse;
		color:#464646;
		margin: 0;
		width:100%;
		border-radius: 3vw 3vw 0 0;
		overflow: hidden;
	}
	
	.products_account table td, th{
		padding: 4vw;
		border: 1.5px solid #fff; 
	}
	
	.products_account table tr{
		background-color: #f5f5f5;
	}
	
	.products_account img{
		margin:0 2vw 0 0 ;
	}
	
	.excluir{
		border: none;
		background-color: transparent;
		font:5vw Tahoma;
		cursor: pointer;
		font-weight: bold;
	}
	
	.title{
		background-color: #603a75 !important;
		font-size:3.5vw;
		color:#fff;
	}
	
	.product{
		display: flex;
		min-height: 45vw !important;
		flex-direction: row;
		align-items: center;
		column-gap: 1vw;
		font-size: 3.5vw;
	}
	
	.product>div{
		display: flex;
		flex-direction: column;
		row-gap: 2vw;
	}
	
	.price{
		text-align: center;
	}
	
	.download{
		text-decoration: none;
		padding: 2vw 1.5vw;
		color:#fff;
		background-color:#57326c;
		border-radius: 2vw;
		font-size:3vw;
	}
	
	.price span{
		text-decoration: none;
		padding: 2vw 3.5vw;
		color:#fff;
		background-color:#b3b3b3;
		border-radius: 2vw;
		font-size:3vw;
		cursor: not-allowed;
	}
	
	.action{
		text-align: center;
	}
	
	.action svg{
		width:4vw;
		fill:#333;
	}
	
	.total{
		background-color: #603a75 !important;
		padding: 3vw;
		text-align: right;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		font-size: 4vw;
		color: #fff;
		float:left;
	}
	
	.pagamento_mobile{
	    background-color: #603a75 !important;
		padding: 3vw;
		text-align: right;
		box-sizing: border-box;
		width: 100%;
		margin: 0.5vw auto 0 auto;
		font-size: 4vw;
		color: #fff;
		float:left;
	}
	
	#total{
		background-color: #603a75 !important;
		padding: 3vw;
		text-align: right;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		font-size: 4vw;
		color: #fff;
	}
	
	.bt_pagar {
		float:right;
		width:48%;
		padding:3vw;
		text-align:center;
		font: 4em Arial;
		color: #fff;
		background-color:#417221;
		text-decoration:none;
		border:none;
		cursor:pointer;
		margin:2vw 0 0 0;
		border-radius:3vw;
	}
	
	.bt_pagar:hover {
		background-color:#2d5513;
		transition: 0.5s all;
	}
	
	.msg_car{
		font:3vw Tahoma;
		margin: 0.3vw 0.3vw 1.5vw 0.6vw;
		color:#979797;
	}
	
	.btn-disabled {
		background-color: #ccc !important;
		color: #666;
		cursor: not-allowed;
	}
	
	
	#form_cad {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 1vw;
	}
	
	.form-modal {
		width: 100%;
		background: #fff;
		border-radius: 20px;
		box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
		overflow: hidden;
		margin: 2vw 0 5vw 0;
	}
	
	/* Abas de login/signup */
	.form-toggle {
		display: flex;
		width: 100%;
		background: #fff;
	}
	
	.form-toggle button {
		flex: 1;
		padding: 1.5em;
		border: none;
		font-size: 1.1em;
		font-weight: bold;
		text-transform: capitalize;
		background-color: #fff;
		color: #000;
		cursor: pointer;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	
	}
	
	#login-toggle {
		background: #603a75;
		color: #fff;
	}
	
	/* Containers dos formulários */
	#login-form,
	#signup-form{
		display: none;
		background: #603a75;
		padding: 3vw 2vw 23vw 2vw;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		
	}
	
	#recuperar-form{
		display: none;
		background: #603a75;
		padding: 0 2vw 4vw 2vw;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		
	}
	
	#login-form{
		border-top-right-radius: 20px;
	
	}
	#signup-form {
		border-top-left-radius: 20px;
	}
	
	#login-form.active,
	#signup-form.active {
		display: block;
	}
	
	.form-modal form {
		display: flex;
		flex-direction: column;
		gap: 0.6em;
	}
	
	.form-modal input {
		width: 100%;
		font-size: 1em;
		padding: 1.2em 1.7em;
		border-radius: 20px;
		border: none;
		background: #fff;
		font-weight: bold;
		outline: none;
		transition: 0.4s;
	}
	
	.form-modal input:focus {
		transform: scaleX(1.02);
	}
	
	.form-modal input::placeholder {
		color: #222;
	}
	
	.form-modal button.btn {
		border-radius: 20px;
		border: 1px solid #ebebeb;
		font-weight: bold;
		font-size: 1.2em;
		padding: 0.8em 1em;
		background: #603a75;
		color: #fff;
		transition: 0.5s;
		cursor: pointer;
		margin-top: 0.5em;
	}
	
	.form-modal button.btn:hover {
		background: #fff;
		color: #603a75;
	}
	
	.form-modal p {
		font-size: 16px;
		font-weight: bold;
	}
	
	.form-modal p a {
		color: #fff;
		float: right;
		font: 3.5vw Arial;
		transition: 0.2s;
		text-decoration: underline;
		padding: 0 4vw 0 0;
	}
	
	.form-modal p a:hover{
		text-decoration: underline;
	}
	
	.msg_login {
		color: #fff;
		margin-bottom: 2em;
		display: block;
	
	}
	
		.msg_login p{
		padding: 2vw;
		color: #fff;
	}
	
	.pedido{
		float:left;
		width:100%;
		margin:0 0 3vw 0;
	}
	
	.-box-sd-effect:hover{
		box-shadow: 0 4px 8px hsla(210,2%,84%,.2);
	}
	}
	
	
	
	}

.add a{
	border:none;
}

.add .bt_detalhes{
	background-color:#595959;
	text-decoration:none;
	transition:all 1s;
}

.add .bt_detalhes:hover{
	background-color:#333;
}

.add .bt_comprar{
	background-color:#417221;
	transition:all 1s;
}

.add .bt_comprar:hover{
	background-color:#3a641f;
}





@media screen and (max-width: 980px){
.add{
	width:100%;
	float:left;
	background-color:#fff;
	padding:0 0 0 0;
	margin:0 2% 20px 0;
	border:1px solid #d3d3d3;
	position:relative;
}

.add a{
	border:none;
}

.downloadlinks{
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 4vw 0;
}

   .report-link{
        color:#333;
 
        font:2.5vw Arial;
        float: left;
        text-align: center;
        width: 100%;
        text-decoration: none;
    }
    
     .report-link:hover{
         text-decoration: underline;
     }

}



.add img{
	border:none;
	width:100% !important;
}

.add h2{
	font: 1.3em Arial !important;
	color: #333;
	font-weight:bold;
	margin:0px;
	padding:0 10px;
}



input.bt_comprar:hover{
	
}

.add a:hover{
	
}

#box_convites2 ul{
	list-style:none;
	margin:0 0 50px 0;
	float:left;

}
#box_convites2 ul li{
	margin:0 1%;
}

@media only screen and (min-width: 980px) {

.quadro img{
	width:19vw;
	height:19vw;
}

.quadro{
	float:left;
	width:19vw;
	margin:0;
	float:left;
	background-color:#fff;
	border:1px solid #d3d3d3;
	box-sizing:content-box;
}

.foto_convite {
  width: 17.6vw;
  height: 17.6vw;
  margin:0 auto;
  border:none !important;
}



.quadro h1{
	font: 0.95vw Arial;
	color: #333;
	margin:10px 0;
	height:9.5vw;
	line-height:1.4vw;
	padding:0 10px;
}


.bt_detalhes{
	float:left;
	width:46%;
	padding:0.8vw;
	text-align:center;
	border-radius:3px;
	font: 0.8em Arial;
	color: #fff;
	background-color:#595959;
	text-decoration:none;
	margin:4% 2.5%;
}

.bt_demo{
	float:left;
	width:46%;
	padding:0.8vw;
	text-align:center;
	border-radius:3px;
	font: 0.8em Arial;
	color: #fff;
	background-color:#d07b01;
	text-decoration:none;
	border:none;
	cursor:pointer;
	margin:4% 0;
}

.bt_comprar {
	float:left;
	width:46%;
	padding:0.8vw;
	text-align:center;
	border-radius:3px;
	font: 0.8em Arial;
	color: #fff;
	background-color:#417221;
	text-decoration:none;
	border:none;
	cursor:pointer;
	margin:4% 0;
}

.bt_comprar2 {
	float:left;
	width:100%;
	padding:1vw 0.8vw;
	text-align:center;
	border-radius:0.5vw;
	font: 0.9em Arial;
	color: #fff;
	background-color:#417221;
	text-decoration:none;
	border:none;
	transition:all 1s ease;
	cursor:pointer;
	margin-top:1.5vw ;
}

.bt_comprar2:hover{
    background-color:#335e16;
    transition:all 1s ease;
}

.bt_comprar2 svg{
  fill:#fff;   
  width: 2.5em;
  height: 1.5em;
  vertical-align: middle;
  overflow: hidden;
}

.add h1{
	font: 0.7em Arial !important;
	color: #333 !important;
	margin:10px 0  !important;
	height:7vw !important;
	line-height:1.3vw !important;
	padding:0 10px !important;
	float:left !important;
	width:100% !important;
}
}

@media only screen and (max-width: 980px) {

.quadro img{
	width:80vw;
	height:80vw;
}

.quadro{
	float:left;
	width:80vw;
	margin:0 2vw;
	float:left;
	background-color:#fff;
	margin:0 4px 5px 4px;
	border:1px solid #d3d3d3;
	box-sizing:content-box;
}

.foto_convite {
  width: 88vw;
  height: 88vw;
  margin:0 auto;
  border:none !important;
}

.quadro h1{
	font: 3.8vw Arial;
	color: #333;
	margin:10px 0;
	height:30vw;
	line-height:5.5vw;
	padding:0 10px;
}


.bt_detalhes{
	float:left;
	width:46%;
	padding:3vw;
	text-align:center;
	border-radius:3px;
	font: 1em Arial;
	color: #fff;
	background-color:#595959;
	text-decoration:none;
	margin:4% 2.5%;
}

.bt_demo{
	float:left;
	width:46%;
	padding:3vw;
	text-align:center;
	border-radius:3px;
	font: 1em Arial;
	color: #fff;
	background-color:#d07b01;
	text-decoration:none;
	border:none;
	cursor:pointer;
	margin:4% 0;
}

.bt_comprar {
	float:left;
	width:46%;
	padding:3vw;
	text-align:center;
	border-radius:3px;
	font: 1em Arial;
	color: #fff;
	background-color:#417221;
	text-decoration:none;
	border:none;
	cursor:pointer;
	margin:4% 0;
}
.bt_comprar2 {
	float:left;
	width:100%;
	padding:4vw;
	text-align:center;
	border-radius:1vw;
	font: 1em Arial;
	color: #fff;
	background-color:#417221;
	text-decoration:none;
	border:none;
	cursor:pointer;
	margin-top:3vw;
}


.bt_comprar2 svg{
  fill:#fff;   
  width: 2.5em;
  height: 1.5em;
  vertical-align: middle;
  overflow: hidden;
}

.add h1{
	font: 0.8em Arial !important;
	color: #333 !important;
	margin:10px 0  !important;
	height:30vw !important;
	line-height:20px !important;
	padding:0 10px !important;
	float:left !important;
	width:100% !important;
}

}

.quadro a:hover{
	text-decoration:underline;
}

.slider ul{
	list-style:none;
}



.quadro h2{
	font: 1.3em Arial;
	color: #333;
	font-weight:bold;
	margin:0px;
	padding:0 10px;
}