.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;}
/* ------------------------- */


.wrapper-overflow{overflow-x: hidden;overflow-y: auto;max-height: 630px;padding: 3px 26px;}

.configurator .wrapper-configurator{padding-bottom: 75px;}
.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: 50px;border-bottom: 1px solid #ddd;}
.configurator .wrapper-content .wrapper-columns{padding-top: 25px;margin: 0;}
.configurator .wrapper-content .column.left{width: 62%;padding: 13px 0 0;}
.configurator .wrapper-content .column.right{width: 38%;padding: 0 14px 0 53px;}

.configurator .wrapper-content .inputError label{display: inline-block;}
.configurator .wrapper-content .inputError select{height: 31px;padding: 5px 10px;}

.configurator .wrapper-options{padding: 0 2px 0 13px;}
.configurator .wrapper-options .wrapper-title-desc{padding-left: 13px;padding-bottom: 11px;}
.configurator .wrapper-options .wrapper-title-desc:not(:first-child){padding-top: 48px;}
.configurator .wrapper-options .row{margin: 0 -26px;}
.configurator .wrapper-options .column{padding: 0 13px 26px;width: 24.6%;}
.configurator .wrapper-options .option{display: block;padding: 3px 15px 22px 15px;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: 25px;min-height: 68px;}

.configurator .wrapper-more-options{text-align: center;padding-top: 50px;padding-bottom: 20px;}
.configurator .wrapper-more-options .mobile{display: none;}
.configurator .wrapper-more-options ul{list-style: none;margin: 0;}
.configurator .wrapper-more-options ul > li{display: inline-table;position: relative;text-align: center;margin: 0 2px 20px;width: 8%;}
.configurator .wrapper-more-options ul > li > a{display: block;text-decoration: none;position: relative;}
.configurator .wrapper-more-options ul > li > a > p{padding-top: 6px;max-width: 86%;margin: 0 auto;}

.configurator .wrapper-more-options ul > li > a > span.nr{width: 30px;height: 17px;position: absolute;top: 7px;left: 36%;}

.configurator .wrapper-more-options ul > li > a > span.bg{border-radius: 50%;width: 30px;height: 30px;display: inline-block;position: relative;}
.configurator .wrapper-more-options ul > li > a > span.bg::before{content: '';position: absolute;top: 0;left: 0;width: 30px;height: 30px;background: url(../../sysimages/icon-options-configurator.png) no-repeat left top;background-size: 30px auto;}
.configurator .wrapper-more-options ul > li:not(:last-child) > a > span.bg::after{content: '';position: absolute;top: 14px;right: -84px;background: url(../../sysimages/icon-line02.png) no-repeat;background-size: 84px auto;width: 84px; height: 2px;}

.configurator .wrapper-more-options ul > li.active > a > span.bg::before, .configurator .wrapper-more-options ul > li > a:hover > span.bg::before{background-position: left -30px;}
.configurator .wrapper-more-options ul > li.completed > a:hover{cursor: default;}
.configurator .wrapper-more-options ul > li.completed > a > span.bg::before{background-position: left bottom;}
.configurator .wrapper-more-options ul > li.completed > a > span.nr{display: none;}

.configurator .wrapper-content .column.right.table .wrapper-table table{width: 100%;border: 1px solid #ddd;}
.configurator .wrapper-content .column.right.table .wrapper-table table tr{border-bottom: 1px solid #ddd;}
.configurator .wrapper-content .column.right.table .wrapper-table table tr:last-child{border-bottom: 0;}
.configurator .wrapper-content .column.right.table .wrapper-table table tr td{padding: 7px 0 7px 14px;}
.configurator .wrapper-content .column.right.table .wrapper-table table tr.total{background-color: #f7f7f7;}
.configurator .wrapper-content .column.right.table .wrapper-table table tr.total td{padding-top: 15px;padding-bottom: 10px;}
.configurator .wrapper-content .column.right.table .wrapper-table table tr td.price{padding-right: 19px;}

.configurator .wrapper-buttons{padding: 20px 0 10px;}
.configurator .wrapper-buttons a{margin-right: 8px;}
.configurator .wrapper-buttons a:last-child{margin-right: 0;}
.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;}

@media screen and (max-width: 768px){
	.wrapper-overflow{padding: 3px 10px;max-height: 530px;}
	/* --------- 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{border-bottom: 0;padding-bottom: 0;}
	.configurator .wrapper-content .column.left{width: 100%;padding: 0;}
	.configurator .wrapper-content .column.left #form_measuresData{padding: 0 15px;}
	.configurator .wrapper-content .column .wrapper-columns{margin: 0 -15px;padding-top: 10px;padding-bottom: 10px;}
	.configurator .wrapper-content .selects-container{padding: 10px 0 15px;}
	.configurator .wrapper-content .selects-container .column{width: 100%;margin-bottom: 5px;}
	.configurator .wrapper-content .selects-container .column:last-child{margin-bottom: 0;}
	.configurator .wrapper-buttons{padding-left: 0;padding-right: 0;}
	.configurator .wrapper-buttons a{float: left;width: 48.6%;margin-bottom: 5px;}
	.configurator .wrapper-buttons a:last-child{margin-bottom: 0;}
	.configurator .wrapper-options{padding: 0 5px;}
	.configurator .wrapper-options .row{margin: 0 5px !important;}
	.configurator .wrapper-options .wrapper-title-desc{padding-left: 5px;}
	.configurator .wrapper-options .wrapper-title-desc:not(:first-child){padding-top: 10px;}
	.configurator .wrapper-options .column{width: 50% !important;float: left;padding: 0 5px 10px;}
	.configurator .wrapper-options .column:nth-child(4n+1){clear: left;}
	.configurator .wrapper-content .column.right{width: 100%;padding: 10px 15px 0;}
	.configurator .wrapper-slider .slider-desc{padding: 10px 0 0 0;}
	.configurator .wrapper-content .column .inputError{padding-top: 10px;}
	.configurator .wrapper-content form .column, .configurator .wrapper-content form .column.bottom{padding-left: 0;padding-right: 0;}
	.configurator .wrapper-content .column, .configurator .wrapper-content .column .wrapper-input input, .configurator .wrapper-content .column.bottom{width: 100%;}
	.configurator .wrapper-content .column.bottom{padding-top: 0;padding-left: 15px;padding-right: 15px;}
	.configurator .wrapper-options{padding: 0 5px;}
	.configurator .wrapper-slider .slider-desc{padding: 10px 0 0 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){
}
/* ----------------------------- */