:root {
	--rqt_morado: #662483;
	
}	

/*ITC*/
@font-face {
    font-family: 'ITC';
    src: url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Bk.eot.css');
    src: url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Bk.eot?#iefix.css') format('embedded-opentype'),
        url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Bk.woff2.css') format('woff2'),
        url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Bk.woff.css') format('woff'),
        url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Bk.ttf.css') format('truetype'),
        url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Bk.svg#ITCAvantGardeStd-Bk.css') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'ITC';
    src: url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Md.eot.css');
    src: url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Md.eot?#iefix.css') format('embedded-opentype'),
        url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Md.woff2.css') format('woff2'),
        url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Md.woff.css') format('woff'),
        url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Md.ttf.css') format('truetype'),
        url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Md.svg#ITCAvantGardeStd-Md.css') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'ITC';
    src: url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Demi.eot.css');
    src: url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Demi.eot?#iefix.css') format('embedded-opentype'),
        url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Demi.woff2.css') format('woff2'),
        url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Demi.woff.css') format('woff'),
        url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Demi.ttf.css') format('truetype'),
        url('https://oechsle.vteximg.com.br/arquivos/ITCAvantGardeStd-Demi.svg#ITCAvantGardeStd-Demi.css') format('svg');
    font-weight: 600;
    font-style: normal;
}

/*ATS*/
@font-face {
    font-family: 'ATS';
    src: url('https://oechsle.vteximg.com.br/arquivos/ATSackersGothic-Medium.eot.css');
    src: url('https://oechsle.vteximg.com.br/arquivos/ATSackersGothic-Medium.eot?#iefix.css') format('embedded-opentype'),
        url('https://oechsle.vteximg.com.br/arquivos/ATSackersGothic-Medium.woff2.css') format('woff2'),
        url('https://oechsle.vteximg.com.br/arquivos/ATSackersGothic-Medium.woff.css') format('woff'),
        url('https://oechsle.vteximg.com.br/arquivos/ATSackersGothic-Medium.ttf.css') format('truetype'),
        url('https://oechsle.vteximg.com.br/arquivos/ATSackersGothic-Medium.svg#ATSackersGothic-Medium.css') format('svg');
    font-weight: 500;
    font-style: normal;
}




.page_ralph * {
	padding: 0;
	outline: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	line-height: 1;
}
    
    .page_ralph .list_prod_cf .slick-prev:before {
    background-image: url(https://oechsle.vteximg.com.br/arquivos/icon-prev-left.png) !important;
}
    
    .page_ralph .list_prod_cf .slick-next:before {
    background-image: url(https://oechsle.vteximg.com.br/arquivos/icon-next-right.png) !important; 
}
    
    
    .page_ralph .cat_3 .slick-arrow, .page_ralph .list_prod_cf .slick-arrow {
    	width: 28px !important;
      height: 42px !important;
    }
    
    .page_ralph .cont_contenido {
      display: block;
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
    padding: 0 0 40px;
    }
    
    
.page_ralph .slick-initialized .slick-slide li {
      box-shadow: -8px 6px 5px 0px rgba(235,235,235,0.75);
      -webkit-box-shadow: -8px 6px 5px 0px rgba(235,235,235,0.75);
      -moz-box-shadow: -8px 6px 5px 0px rgba(235,235,235,0.75);
}
    
    .page_ralph .list_prod .slick-initialized .slick-slide {
    display: block;
    width: 288px;
    min-height: 1px;
    margin: 0 10px;
    text-align: center;
}

.page_ralph .vitrina h2 {
	display: none;
}
    
.page_ralph .banner .slick-next {
      background: transparent;
}
    
.page_ralph .banner .slick-prev {
    background: transparent;
}
    
    .page_ralph .slick-next{
	appearance: none;
	-webkit-appearance: none;
	background: #000;
	border: none;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	font-family: icomoon !important;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
	line-height: 1;
	font-size: 0;
	height: 42px;
	position: absolute;
	text-align: center;
	top: 41%;
	width: 28px;
	z-index: 1;
	opacity: 1;
}

.page_ralph .slick-prev {
	appearance: none;
	-webkit-appearance: none;
	background: #000;
	border: none;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	font-family: icomoon !important;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
	line-height: 1;
	font-size: 0;
	height: 42px;
	position: absolute;
	text-align: center;
	top: 41%;
	width: 28px;
	z-index: 1;
	opacity: 1;
}
    
    .page_ralph .slick-initialized .slick-slide li {
      box-shadow: -8px 6px 5px 0px rgba(235,235,235,0.75);
      -webkit-box-shadow: -8px 6px 5px 0px rgba(235,235,235,0.75);
      -moz-box-shadow: -8px 6px 5px 0px rgba(235,235,235,0.75);
}

.page_ralph .slick-dots {
	position: initial;
}

.page_ralph .slick-dots li.slick-active button {
	opacity: 1;
	background-color: #162566;
	color: #162566;
	width: 12px;
	height: 12px;
}
    
    .page_ralph .carruselArmani .slick-initialized {
    	padding: 15px 0;
    	margin-bottom: 40px;
    }

.page_ralph .slick-dots li.slick-active button:before {
	opacity: 1;
	background-color: #162566;
	color: #162566;
	width: 12px;
	height: 12px;
}

.page_ralph .slick-dots li button {
	background: #C4C4C4;
	border-radius: 100px;
}

.page_ralph .slick-dots li button {
	color: transparent;
	border: 1px solid transparent;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.page_ralph .slick-dots li button:before {
	color: transparent;
	border: 1px solid transparent;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}
    
    .page_ralph .fz-lg-17 {
    font-size: 15px!important;

}
    
    .page_ralph .fz-lg-15 {
    font-size: 11px!important;
}
    
    
.page_ralph .flag-of {
    width: 35px;
    padding: 3px 0;
    background-color: #444;
    border-radius: 4px;
    font-size: 8px;
}
    
    .page_ralph .ml-10 {
    margin-left: 8px!important;
      color: #fff;
}
    
    .page_ralph .flag-oh {
    width: 35px;
    padding: 3px 0;
    background-color: #444;
    border-radius: 4px;
    font-size: 8px;
    background-color: #cd1719!important;
}


.page_ralph .slick-prev.slick-arrow {
	left: 0;
	top: 32%;
}

.page_ralph .slick-next.slick-arrow {
	right: 0;
	top: 32%;
}

.page_ralph .slick-next:before {
	font-size: 14px;
}

.page_ralph .slick-prev:before {
	display: block;
	font-size: 14px;
}

.page_ralph a {
	text-decoration: none;
}

.page_ralph img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}


/*GENERAL*/
	.page_ralph{
		display: block;
		overflow: hidden;
	}
	
	.page_ralph .cont_contenido{
		/*display: flex;*/
		background: #fff
	}
	
	.page_ralph .contenido{
		width: 100%;
		margin: 0 auto;
		margin-right: 0;
		overflow: hidden;
	}


/*banner*/
	.page_ralph .title_page{
		display: flex;
		align-items: center;
		justify-content: center;
		background: #000;
		width: 100%;
		height: 62px;
	}
	.page_ralph .title_page h3{
		color: #fff;
		font-family: 'Didot';
		font-weight: normal;
		font-size: 45px;
	}

	.page_ralph .pag_header{
		background: #fff;
		/*background-image: url(https://oechsle.vteximg.com.br/arquivos/fondo_head.jpg);*/
		background-size: cover;
		/*height: 136px;*/
		height: 96px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.page_ralph .pag_header img{
		width: auto;
		max-width: 80%;
		margin: 0 auto
	}


	.page_ralph .banner{
		margin-bottom: 30px
	}
 
	.page_ralph .slider_banner{
		/*display: none;*/
	}
	.page_ralph .slider_banner_item{
		position: relative;
	}
	.page_ralph .slider_banner_item img{
		width: 100%
	}
	.page_ralph .div_img{
		position: relative;
		z-index: 1
	}
	.page_ralph .slider_banner_item a{
		display: flex;
		align-items: center;
		justify-content: center;
		/* width: 162px; */
		width: 140px;
		/* height: 46px; */
		height: 35px;
		border: 2px solid rgba(255,255,255,0.5);
		position: absolute;
		left: 50%;
		/* bottom: 30px; */
		bottom: 15px;
		transform: translateX(-50%);
		background: #000;
		z-index: 5;
	}
	.page_ralph .slider_banner_item a p{
		color: #fff;
		/*font-size: 16px;*/
		font-size: 14px;
		font-family: 'ITC';
		font-weight: 400
	}

 
	.page_ralph .slider_banner .slick-arrow{
		font-size: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 25px;
		height: 39px;
		z-index: 100
	}
	.page_ralph .slider_banner .slick-arrow:before{
		content: "";
		width: 25px;
		height: 39px;
		left: 0;
		top: 0;
		position: absolute;
		opacity: 1
	}
	.page_ralph .slider_banner .slick-prev{
		left: 40px
	}
	.page_ralph .slider_banner .slick-prev:before{
		background-image: url(https://oechsle.vteximg.com.br/arquivos/pre_arrow_wt.png);
	}
	.page_ralph .slider_banner .slick-next{
		right: 40px
	}
	.page_ralph .slider_banner .slick-next:before{
		background-image: url(https://oechsle.vteximg.com.br/arquivos/next_arrow_wt.png);
	}

	.page_ralph .vertical_img_texto{
		display: block;
	}
	.page_ralph .v_img{
		display: block;
	}
	.page_ralph .v_img img{
		width: 100%;
		margin: 0 auto
	}
	.page_ralph .v_textp{
		display: block;
		color: #fff;
		padding: 30px 35px
	}
	.page_ralph .v_textp h3{
		font-family: 'ITC';
		font-size: 25px;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 1.2;
		margin-bottom: 20px
	}
	.page_ralph .v_textp p{
		font-family: 'ITC';
		font-size: 13px;
		font-weight: 300;
		line-height: 1.4;
		margin-bottom: 20px
	}
	.page_ralph .v_textp a{
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		margin-top: 40px;
		width: 163px;
		height: 45px;
		background: #fff;
	}
	.page_ralph .v_textp a span{
		color: #000;
		font-family: 'ITC';
		font-weight: 300;
		font-size: 10px;
		text-transform: uppercase;
	}

	.page_ralph .bg_azul{
		background: #1f273a
	}

/*best_sellers*/
	.page_ralph .best_sellers{
		margin-bottom: 20px;
	}
	.page_ralph .title_seccion{
		padding: 20px 20px
	}
	.page_ralph .title_seccion h3{
		font-size: 25px;
		text-align: center;
		text-transform: uppercase;
		font-family: 'ITC';
	}
	.page_ralph .list_prod{
		padding: 15px 20px;
	}
	.page_ralph .prod_item{
		width: 200px;
		min-height: 375px;
		position: relative;
		margin: 10px 15px;
		overflow: hidden;
		font-family: 'ITC';
	}
	.page_ralph .prod_item .prod_item_img{
		display: flex;
		align-items: flex-end;
		justify-content: center;
		width: 100%;
		height: 240px;
		padding: 15px 0
	}
	.page_ralph .prod_item .prod_item_img img{
		max-height: 100%;
		display: block;
	}
	.page_ralph .prod_item .prod_item_text{
		text-align: center;
		font-size: 12px;
		margin-bottom: 10px;
	}
	.page_ralph .prod_item .prod_item_text h3{
		text-transform: uppercase;
		margin-bottom: 10px;
		/*font-size: 14px;*/
		font-size: 12px;
		font-weight: 600
	}
	.page_ralph .prod_item .prod_item_text h4{
		font-weight: 300;
		font-size: 12px;
		color: #999999;
		margin-bottom: 10px
	}
	.page_ralph .price_start{
		display: flex;
		justify-content: space-around;
		align-items: center;
		min-height: 23px;
		margin-bottom: 30px
	}
	.page_ralph .price{

	}
	.page_ralph .price p{
		font-weight: 700;
		font-size: 12px
	}
	.page_ralph .points_stars {
		direction: rtl;
		unicode-bidi: bidi-override;
		display: flex;
		justify-content: center;
		margin-bottom: 15px;
		transition-duration: 0.5s
	}

	.page_ralph .points_stars input[type="radio"] {
		display: none;
	}

	.page_ralph .points_stars label {
		color: #c9c9c9;
	}

	.page_ralph .points_stars label:hover,
	.page_ralph .points_stars label:hover ~ label {
		color: #000;
	}

	.page_ralph .points_stars input[type="radio"]:checked ~ label {
		color: #000;
	}

	.page_ralph .prod_item .div_black{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 45px;
		background: #000;
		transition-duration: 0.5s
	}
	.page_ralph .prod_item .div_black p{
		color: #fff;
		font-weight: 500;
		font-size: 12px
	}
	.page_ralph .prod_item:hover{
		box-shadow: 0 0 15px #ddd
	}
	.page_ralph .prod_item:hover .like{
		opacity: 1
	}


/*LISTA PRODUCTO FLECHAS*/

	.page_ralph .cat_3 .slick-arrow,
	.page_ralph .list_prod_cf .slick-arrow{
		font-size: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 17px;
		height: 35px;
		z-index: 100
	}
	.page_ralph .cat_3 .slick-arrow{
		width: 25px;
		height: 39px;
	}
	.page_ralph .cat_3 .slick-arrow:before,
	.page_ralph .list_prod_cf .slick-arrow:before{
		font-size: 14px;
		opacity: 1
	}
	.page_ralph .cat_3 .slick-arrow:before{
		width: 25px;
		height: 39px;
	}

	.page_ralph .cat_3 .slick-prev,
	.page_ralph .list_prod_cf .slick-prev{
		left: 10px
	}
	.page_ralph .cat_3 .slick-prev:before{
		background-image: url(https://oechsle.vteximg.com.br/arquivos/pre_arrow_wt.png);

	}
	.page_ralph .list_prod_cf .slick-prev:before{
		background-image: url(https://oechsle.vteximg.com.br/arquivos/pre_arrow.png);
	}
	.page_ralph .cat_3 .slick-next,
	.page_ralph .list_prod_cf .slick-next{
		right: 10px
	}
	.page_ralph .cat_3 .slick-next:before{
		background-image: url(https://oechsle.vteximg.com.br/arquivos/next_arrow_wt.png);
	}
	.page_ralph .list_prod_cf .slick-next:before{
		background-image: url(https://oechsle.vteximg.com.br/arquivos/next_arrow.png);
	}
	

/*CATEGORIA*/
	
	.page_ralph .categoria{
		/*padding-top: 50px;*/
		/*padding-bottom: 120px*/
		padding-top: 30px;
		padding-bottom: 40px
	}
	.page_ralph .perf_blue{
		background-image: url(https://oechsle.vteximg.com.br/arquivos/fondo_azul.jpg);
		background-size: cover;
	}
	.page_ralph .perf_red{
		background-image: url(https://oechsle.vteximg.com.br/arquivos/fondo_rojo.jpg);
		background-size: cover;
	}
	.page_ralph .title_v2{
		margin-bottom: 20px
	}
	.page_ralph .title_v2 h3{
		font-family: 'ATS';
		color: #fff;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.4
	}

	.page_ralph .flex_ingredientes{
		width: 90%;
		max-width: 984px;
		/*display: flex;*/
		margin: 0 auto
	}
	.page_ralph .ingrediente{
		/*width: calc(33.3% - 14px);*/
		/*margin: 0 7px;*/

		margin-bottom: 15px
	}
	.page_ralph .img_ingre{
		max-height: 150px;
		overflow: hidden;
		margin-bottom: 15px
	}
	.page_ralph .ingrediente p{
		color: #fff;
		font-family: 'ATS';
		text-align: center;
		font-weight: 500;
		font-size: 14px;
		letter-spacing: 2.5px;

	}
	.page_ralph .categoria_prod{
		/*padding: 50px 0;*/
		padding: 30px 0;
		padding-bottom: 40px
	}
	.page_ralph .lista_cat{
		/*display: flex;*/
		justify-content: space-around;
		/*width: 90%;*/
		max-width: 945px;
		padding: 50px 30px;
		margin: 0 auto
	}
	.page_ralph .item_Cat{
		width: 200px;
		margin: 10px 20px;
		/*margin-bottom: 40px*/
	}
	.page_ralph .item_Cat_img{
		margin-bottom: 10px
	}
	.page_ralph .item_Cat p{
		color: #fff;
		font-family: 'ATS';
		text-align: center;
		font-weight: 500;
		font-size: 12px;
		line-height: 1.4;
		letter-spacing: 2.5px;
	}
	
	.page_ralph .cont_btn{
		display: flex;
		justify-content: center;
	}
	.page_ralph .cont_btn a{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 90%;
		max-width: 420px;
		min-height: 60px;
		padding: 10px;
		background: #000
	}
	.page_ralph .cont_btn a p{
		color: #fff;
		font-family: 'ATS';
		text-align: center;
		font-size: 10px;
	}



@media screen and (min-width: 576px){
	.page_ralph .cont_btn a p{
		font-size: 12px
	}
}
@media screen and (min-width: 768px){
	.page_ralph .pag_header{
		height: 136px
	}
	.page_ralph .prod_item{
		width: 240px;
		margin: 10px 25px
	}
	.page_ralph .prod_item .prod_item_text{
		font-size: 15px
	}
	.page_ralph .prod_item .prod_item_text h3{
		font-size: 14px
	}
	.page_ralph .prod_item .prod_item_text p{
		font-size: 14px
	}
	
	.page_ralph .title_seccion h3{
		font-size: 30px
	}
	
	.page_ralph .vertical_img_texto{
		display: flex;
	}

	.page_ralph .v_textp{
		padding: 0 35px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.page_ralph .v_textp a{
		margin-top: 20px
	}

	.page_ralph .slider_banner_item a{
		width: 162px;
	    height: 46px;
	    bottom: 30px;
	}

	.page_ralph .title_v2 h3{
		font-size: 24px
	}

	.page_ralph .flex_ingredientes{
		display: flex;
	}
	.page_ralph .ingrediente{
		width: calc(33.3% - 14px); 
     	margin: 0 7px; 
	}
	.page_ralph .img_ingre{
		max-height: 100%
	}
	.page_ralph .lista_cat{
		display: flex;
	}
	.page_ralph .item_Cat{
	    margin: 10px;
	}
	.page_ralph .cont_btn a p{
		font-size: 14px
	}

}
@media screen and (min-width: 992px){

	.page_ralph .list_prod{
		padding: 15px 30px
	}
	.page_ralph .prod_item{
		margin: 10px 40px
	}
	.page_ralph .cont_btn a p{
		font-size: 16px
	}

}
@media screen and (min-width: 1280px){
	
	.page_ralph .slider_banner_item a{
		bottom: 60px
	}
}

