.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: 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: 17px;}

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

.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: 9px 30px 10px 20px; height: 40px;}
.configurator .wrapper-content .selects-container .select, .configurator .wrapper-content .selects-container .select::before{background: #f7f7f7;}

.configurator .wrapper-content form .title{font-size: 15px;text-transform: none;line-height: 18px;}

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

.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 .wrapper-columns{padding-top: 26px;margin: 0 -30px;}
.configurator .wrapper-content .column .wrapper-columns .column.left{width: 62%;}
.configurator .wrapper-content .column .wrapper-columns .column.right{width: 38%;}
.configurator .wrapper-content .column .inputError{padding-top: 20px;margin-bottom: 0;}
.configurator .wrapper-content .column .inputError label .label-title{position: relative;display: inline-block;}
.configurator .wrapper-content .column .inputError label .label-title span{float: left;color: #000;font-size: 12px;}
.configurator .wrapper-content .column a.more{position: relative;float: left;width: 14px;height: 14px;margin: 3px 6px 0 6px;}
.configurator .wrapper-content .column a.more::before{content: '';position: absolute;top: 0;left: 0;width: 14px;height: 14px;background: url(../../sysimages/icon-info.png) no-repeat left top;background-size: 14px auto;}
.configurator .wrapper-content .column a.more:hover::before, .configurator .wrapper-content .column label.active a.more::before{background-position: left bottom;}
.configurator .wrapper-content .column .more-image{display: none;position: absolute;top: -6px;right: -140px;z-index: 5;box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);width: 220px;}
.configurator .wrapper-content .column label.active .more-image {display: block;}
.configurator .wrapper-content .column .more-image-inside{background: #f7f7f7;}
.configurator .wrapper-content .column .more-image-inside img{width: 100%;display: block;width: 220px;}
.configurator .wrapper-content .column .more-image-inside .close{position: absolute;top: 8px;right: 13px;}
.configurator .wrapper-content .column .wrapper-input{width: 100%;display: block;float: left;}
.configurator .wrapper-content .column .wrapper-input input{width: 31%;float: left;}
.configurator .wrapper-content .column .wrapper-input span{float: left;padding: 5px 8px;color: #666;}
.configurator .wrapper-content .column.bottom{padding-top: 50px;width: 94.5%;}
.configurator .wrapper-content .column.bottom textarea{width: 100%;height: 75px;}

@media screen and (min-width: 768px){
	.configurator .wrapper-content .column .inputError label .label-title{width: 100%;}
}
/* ------ */

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

.configurator .column.right{padding-right: 29px;padding-bottom: 24px;}
.configurator .column.right.table table{width: 100%;border: 1px solid #ddd;max-width: 400px;}
.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;}


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

	/* ------- MORE IMAGE ------- */
	.configurator .wrapper-content .column .more-image{right: -150px;}
	.configurator .wrapper-content .column .more-image, .configurator .wrapper-content .column .more-image-inside img{width: 150px;}
	/* -------------------------- */
	
	.configurator .wrapper-page{padding-top: 15px;padding-bottom: 30px;}
	.configurator .wrapper-content .column.left{width: 100% !important;padding: 0 15px;}
	.configurator .wrapper-content .column .wrapper-columns{margin: 0 -15px;padding-top: 0;}
	.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 -10px;}
	.configurator .wrapper-options .column{padding: 0 5px 10px;}
	.configurator .wrapper-content .column.right{width: 100% !important;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-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-slider .slider-desc{padding: 10px 0 0 0;}
	.configurator .column.right.table table tr.total td{width: 100%;}
	.configurator .wrapper-content .column .wrapper-input input{width: calc(100% - 42px);}
	.configurator .wrapper-content form .column{padding-top: 10px;}
}

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