.configurator .wrapper-page{max-width: 1229px;margin: 0 auto;padding: 32px 15px 140px;min-height: 150px;}

/* --------- BANNER -------- */
.banner-page{position: relative;min-height: 72px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.banner-page a{display: block;text-decoration: none;}
.banner-page .content-banner{padding: 16px;}
.banner-page .content-banner .banner-label{display: inline-block;padding: 13px 15px;font-family: 'LoraRegular', Arial, Helvetica, 'Segoe UI', sans-serif;font-size: 20px;color: #fff;text-transform: uppercase;}
.banner-page .content-banner .banner-desc{padding: 15px 20px 0;color: #fff;font-family: 'LoraRegular', Arial, Helvetica, 'Segoe UI', sans-serif;font-size: 26px;text-transform: uppercase;} 

.banner-page .content-banner{position: absolute;top: 0;max-height: 120px;}
.banner-page .content-banner.top{top: 0;}
.banner-page .content-banner.right{right: 0;}
.banner-page .content-banner.bottom{bottom: 0;top: auto;}
.banner-page .content-banner.left{left: 0;}
.banner-page .content-banner.middle{height: 100%;}
.banner-page .content-banner.middle > div{display: table;width: 100%;height: 100%;}
.banner-page .content-banner.middle > div > div {display: table-cell;}
.banner-page .content-banner.middle > div > div {vertical-align: middle;}
.banner-page .content-banner.center{width: 100%;text-align: center;}
/* ------------------------- */

.configurator .wrapper-configurator{padding-bottom: 108px;}
.configurator .wrapper-select{max-width: 595px;margin: 0 auto;text-align: center;}
.configurator .wrapper-select ul{list-style: none;margin: 0;}
.configurator .wrapper-select ul > li{display: inline-block;position: relative;width: 56px;height: 56px;margin: 0 25px;}
.configurator .wrapper-select ul > li:not(:last-child)::after{content: '';position: absolute;top: 26px;right: -59px;background: url(../../sysimages/icon-line.png) no-repeat;background-size: 62px auto;width: 62px; height: 3px;}

.configurator .wrapper-select ul > li > a{text-decoration: none;display: block;width: 56px;height: 56px;}
.configurator .wrapper-select ul > li > a::before{content: '';position: absolute;width: 56px;height: 56px;top: 0;left: 0;z-index: 5;}
.configurator .wrapper-select ul > li > a p{position: absolute;bottom: -28px;width: 100%;height: auto;line-height: 100%;}

.configurator .wrapper-select ul > li > a.fabric::before{background: url(../../sysimages/icon-fabric.png) no-repeat left top;background-size: 56px auto;}
.configurator .wrapper-select ul > li > a.fabric:hover::before, .configurator .wrapper-select ul > li.active > a.fabric::before{background-position: left -56px;}
.configurator .wrapper-select ul > li.completed > a.fabric::before{background-position: left -112px;}

.configurator .wrapper-select ul > li > a.jacket::before{background: url(../../sysimages/icon-jacket.png) no-repeat left top;background-size: 56px auto;}
.configurator .wrapper-select ul > li > a.jacket:hover::before, .configurator .wrapper-select ul > li.active > a.jacket::before{background-position: left -56px;}
.configurator .wrapper-select ul > li.completed > a.jacket::before{background-position: left -112px;}

.configurator .wrapper-select ul > li > a.pants::before{background: url(../../sysimages/icon-pants.png) no-repeat left top;background-size: 56px auto;}
.configurator .wrapper-select ul > li > a.pants:hover::before, .configurator .wrapper-select ul > li.active > a.pants::before{background-position: left -56px;}
.configurator .wrapper-select ul > li.completed > a.pants::before{background-position: left -112px;}

.configurator .wrapper-select ul > li > a.measures::before{background: url(../../sysimages/icon-measures.png) no-repeat left top;background-size: 56px auto;}
.configurator .wrapper-select ul > li > a.measures:hover::before, .configurator .wrapper-select ul > li.active > a.measures::before{background-position: left -56px;}
.configurator .wrapper-select ul > li.completed > a.measures::before{background-position: left -112px;}

.configurator .wrapper-select ul > li > a.resume::before{background: url(../../sysimages/icon-resume.png) no-repeat left top;background-size: 56px auto;}
.configurator .wrapper-select ul > li > a.resume:hover::before, .configurator .wrapper-select ul > li.active > a.resume::before{background-position: left -56px;}
.configurator .wrapper-select ul > li.completed > a.resume::before{background-position: left -112px;}

.configurator .wrapper-select ul > li > a.shirt::before{background: url(../../sysimages/icon-shirt.png) no-repeat left top;background-size: 56px auto;}
.configurator .wrapper-select ul > li > a.shirt:hover::before, .configurator .wrapper-select ul > li.active > a.shirt::before{background-position: left -56px;}
.configurator .wrapper-select ul > li.completed > a.shirt::before{background-position: left -112px;}

.configurator .wrapper-select ul > li > a.button_i::before{background: url(../../sysimages/icon-button.png) no-repeat left top;background-size: 56px auto;}
.configurator .wrapper-select ul > li > a.button_i:hover::before, .configurator .wrapper-select ul > li.active > a.button_i::before{background-position: left -56px;}
.configurator .wrapper-select ul > li.completed > a.button_i::before{background-position: left -112px;}


.configurator .wrapper-content{padding-bottom: 17px;}

.configurator .wrapper-content .selects-container{padding: 24px 10px;}
.configurator .wrapper-content .selects-container .row{margin: 0 -20px;}
.configurator .wrapper-content .selects-container .column{padding: 0 10px;width: 31.6%;}

.configurator .wrapper-content .selects-container .select{border-color: #ececec;}
.configurator .wrapper-content .selects-container .select:hover{border-color: #a2a2a2;}
.configurator .wrapper-content .selects-container .select select{padding: 14px 30px 15px 20px;height: 40px;}
.configurator .wrapper-content .selects-container .select, .configurator .wrapper-content .selects-container .select::before{background: #f7f7f7;}

/* ------ */
.configurator .wrapper-content .column .title{font-size: 15px;text-transform: none;line-height: 18px;}
.configurator .wrapper-content .wrapper-columns{padding-top: 36px;margin: 0;}
.configurator .wrapper-content .column.left{width: 65%;}
.configurator .wrapper-content .column.right{width: 35%;}

.configurator .wrapper-content .wrapper-info{padding: 12px 0;}
.configurator .wrapper-content .wrapper-info .info:first-child{padding-top: 0;}
.configurator .wrapper-content .wrapper-info .info{padding-top: 18px;}
.configurator .wrapper-content .wrapper-info .info a{display: block;text-decoration: none;}
.configurator .wrapper-content .wrapper-info .info p.name{color: #000;font-size: 12px;line-height: 23px;}

.configurator .column.right.table table{width: 100%;border: 1px solid #ddd;max-width: 400px;float: right;}
.configurator .column.right.table table tr{border-bottom: 1px solid #ddd;}
.configurator .column.right.table table tr td{padding: 7px 0 7px 14px;}
.configurator .column.right.table table tr td.title p{color: #222;font-family: 'LoraRegular', Arial, Helvetica, 'Segoe UI', sans-serif;font-size: 15px;line-height: 18px;}
.configurator .column.right.table table tr td.price{padding-right: 19px;}
.configurator .column.right.table table tr td.price p{color: #333;font-size: 13px;text-transform: uppercase;}
.configurator .column.right.table table tr.total{background-color: #f7f7f7;}
.configurator .column.right.table table tr.total td{padding-top: 15px;padding-bottom: 10px;}
.configurator .column.right.table table tr.accordion{display: none;}
.configurator .column.right.table table tr.accordion + tr:last-child, .configurator .column.right.table table tr:last-child{border-bottom: 0;}

.configurator .wrapper-content .table-resume tr.total{background-color: #f7f7f7;}
.configurator .wrapper-content .table-resume tr.total td{padding: 10px 17px;}
.configurator .wrapper-content .table-resume tr.total p.price{font-size: 13px;}

.configurator .wrapper-content .wrapper-btn-cart{padding-top: 17px;float: left;}
.configurator .wrapper-content .wrapper-btn-cart .btn-cart{padding: 16px 37px;}
/* ------ */

.configurator .wrapper-options{padding: 0 13px;}
.configurator .wrapper-options .row{margin: 0 -26px;}
.configurator .wrapper-options .column{padding: 0 13px 26px;}

.configurator .wrapper-options .option{display: block;padding: 8px 8px 15px 8px;text-decoration: none;background: #fff;border: 2px solid transparent;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);text-align: center;transition: all 0.1s;}
.configurator .wrapper-options .option:hover, .configurator .wrapper-options .option.active{border: 2px solid #cbbd6f;box-shadow: 0 0 4px rgba(0, 0, 0, 0);}
.configurator .wrapper-options .option img{display: block;width: 100%;}
.configurator .wrapper-options .option .text{padding-top: 11px;min-height: 68px;}

.configurator .wrapper-buttons{padding: 20px 0 10px;}
.configurator .wrapper-buttons a{margin-right: 8px;}
.configurator .wrapper-buttons a:last-child{margin-right: 0;}



@media screen and (max-width: 768px){
	/* --------- BANNER -------- */
	.banner-page{min-height: 40px;}
	.banner-page .content-banner{max-height: 72px;padding: 12px 15px;}
	.banner-page .content-banner .banner-label{padding: 0;font-size: 15px;line-height: 18px;}
	/* ------------------------- */

	/* ----- WRAPPER SELECT ----- */
	.configurator .wrapper-select ul > li{margin: 0 2px 25px;width: 50px;height: 50px;}
	.configurator .wrapper-select ul > li > a{width: 50px;height: 50px;}
	/*.configurator .wrapper-select ul > li > a p{bottom: -17px;}*/
	.configurator .wrapper-select ul > li:not(:last-child)::after{right: -55px;}

	.configurator .wrapper-select ul > li > a::before{width: 50px;height: 50px;}

	.configurator .wrapper-select ul > li > a.fabric::before, 
  .configurator .wrapper-select ul > li > a.shirt::before,  
  .configurator .wrapper-select ul > li > a.button_i::before,  
  .configurator .wrapper-select ul > li > a.jacket::before, 
  .configurator .wrapper-select ul > li > a.pants::before, 
  .configurator .wrapper-select ul > li > a.measures::before,
  .configurator .wrapper-select ul > li > a.resume::before{background-size: 50px auto;}

  .configurator .wrapper-select ul > li > a.fabric:hover::before,
  .configurator .wrapper-select ul > li.active > a.fabric::before, 
  .configurator .wrapper-select ul > li > a.shirt:hover::before,
  .configurator .wrapper-select ul > li.active > a.shirt::before, 
  .configurator .wrapper-select ul > li > a.button_i:hover::before,
  .configurator .wrapper-select ul > li.active > a.button_i::before,  
  .configurator .wrapper-select ul > li > a.jacket:hover::before,
  .configurator .wrapper-select ul > li.active > a.jacket::before,
  .configurator .wrapper-select ul > li > a.pants:hover::before,
  .configurator .wrapper-select ul > li.active > a.pants::before,
  .configurator .wrapper-select ul > li > a.measures:hover::before, 
  .configurator .wrapper-select ul > li.active > a.measures::before,
  .configurator .wrapper-select ul > li > a.resume:hover::before, 
  .configurator .wrapper-select ul > li.active > a.resume::before{background-position: left -50px;}


	.configurator .wrapper-select ul > li.completed > a.fabric::before,
  .configurator .wrapper-select ul > li.completed > a.jacket::before,
   .configurator .wrapper-select ul > li.completed > a.pants::before,
    .configurator .wrapper-select ul > li.completed > a.measures::before,
     .configurator .wrapper-select ul > li.completed > a.resume::before{background-position: left -100px;}
     
  .configurator .wrapper-select ul > li.completed > a.shirt::before{background-position: left -100px;}   
  .configurator .wrapper-select ul > li.completed > a.button_i::before{background-position: left -100px;}
     
	/* -------------------------- */

	/* ----- WRAPPER MORE OPTIONS */
	.configurator .wrapper-configurator{padding: 0 0 30px 0;}
	.configurator .wrapper-more-options{padding-top: 0;padding-bottom: 17px;}

	.configurator .wrapper-more-options .mobile{display: block;text-align: center;}
	.configurator .wrapper-more-options .mobile p{display: block;line-height: 16px;color: #333;}
	.configurator .wrapper-more-options ul{display: none;}
	/* -------------------------- */

	/* ----- WRAPPER-CONTENT ----- */
	.configurator .wrapper-title{text-align: center;}
	.configurator .wrapper-title p{position: relative;font-size: 18px;line-height: 22px;text-transform: none;}
	/* --------------------------- */

	.configurator .wrapper-page{padding-top: 15px;padding-bottom: 30px;}
	.configurator .wrapper-content .column.left{width: 100%;padding: 0 15px;}
	.configurator .wrapper-content .selects-container{padding-top: 10px;padding-bottom: 10px;}
	.configurator .wrapper-content .selects-container .column{width: 100%;margin-bottom: 5px;}
	.configurator .wrapper-content .selects-container .column:last-child{margin-bottom: 0;}
	.configurator .wrapper-content .column{padding-top: 15px;}
	.configurator .wrapper-content .wrapper-columns{padding-top: 10px;}
	.configurator .wrapper-content .column, .configurator .wrapper-content .table, .configurator .wrapper-content .wrapper-btn-cart a{width: 100%;}
	.configurator .wrapper-content .wrapper-info .info{padding-top: 8px;}
	.configurator .wrapper-content .table-resume tr td{padding: 6px 14px;}
	.configurator .wrapper-content .table-resume tr.total td{padding-top: 6px;padding-bottom: 6px;}
	.configurator .wrapper-options{padding: 0 5px;}
	.configurator .wrapper-options .row{margin: 0 -10px !important;}
	.configurator .wrapper-options .column{padding: 0 5px 10px;}
	.configurator .wrapper-content .column.right{width: 100%;padding: 10px 15px 0;}
	.configurator .wrapper-content .wrapper-btn-cart{width: 100%;}
	.configurator .wrapper-buttons a{float: left;width: 48.6%;margin-bottom: 5px;}
	.configurator .wrapper-buttons a:last-child{margin-bottom: 0;}
	.configurator .column.right.table table tr.total td{width: 100%;}
}

/* ------ ACCORDION STYLES ----- */
.accordion{list-style: none;margin: 0px;}
.accordion > li > a{color: #0c0c0c;font-weight: 300;font-size: 12px;text-decoration: none;position: relative;display: block;padding-right: 40px;}
.accordion > li.active > a{color: #8a774d;}
.accordion > li > a > span{color: #878787;font-size: 11px;}
.accordion > li > a::after{content: '';position: absolute;top: calc(50% - 4px);right: 21px;width: 9px;height: 9px;background: url(../../sysimages/icon-accordion2.png) left top/9px no-repeat;}
.accordion > li .accordion-content{display: none;padding: 0 19px 0 15px;line-height: normal;color: #666;}
.accordion > li .accordion-content table{border: 0 !important;}
.accordion > li .accordion-content table tr{border-bottom: 0 !important;}
.accordion > li .accordion-content table tr td{padding: 0 !important;}
.accordion > li .accordion-content .title{color: #535353;font-size: 11px !important;line-height: 20px !important;}
.accordion > li .accordion-content .title span{color: #666;}
.accordion > li .accordion-content .price{text-transform: uppercase;font-size: 11px;line-height: normal;}
.accordion > li.active > a::after{background-position: left bottom;}

@media screen and (max-width: 768px){
}
/* ----------------------------- */


.sucesso_addCart{display: none; margin-top: 10px; padding: 10px 15px 10px 49px; color: #FFF; background: url(../../sysimages/check-white.png) no-repeat 22px 11px #4d8f06; background-size: 14px; line-height: normal; text-decoration: underline;float: left;}
.sucesso_addCart:hover{color: #fff;text-decoration: none;}
.sucesso_addCart p{font-size: 12px;line-height: normal;color: #FFF;}
.sucesso_addCart img{float:left;margin: 4px;}