body.select div.header .content {
    max-width: 1400px;
}
body.select .mainblock .content {
	width: 100%;
	max-width: 1440px;
	padding-bottom: 20px
}

h1 span.controls a.zap, .wewill span.controls a.zap {
    display: none;
}


.blockList.three{
	margin: 40px 0 0 0;
}
.blockList.three.fourblocks{
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.blockList.three a.url .block .caption{
    top: 110px;
	--transform: translateY(-50%);
}
.blockList.three a.url .block{
	padding-bottom: 71.78%;
}
@media screen and (max-width:1930px) and (max-height:1090px) { 
	.blockList.three.fourblocks a.url .block,
	.blockList.three.more a.url .block{
		padding-bottom: 71.78%;
	}
}
.calculator{
}
.calculator div.back{
	padding: 18px 0;
    position:relative;
}
.calculator header{
	padding: 18px 0;
	text-align: center;
	display: flex;
    flex-wrap: wrap;
    position:relative;
    border-bottom: 4px #E0E0E0 solid;
}
.calculator header > span,
.calculator header a{
    flex-grow: 1;
    flex-basis: 0;
    font-size: 14px;
    color: #828282;
}
.calculator header > span:first-of-type,
.calculator header a:first-of-type{
	text-align: left;
}
.calculator header > span:last-of-type,
.calculator header a:last-of-type{
	text-align: right;
}
.calculator header > span{
	display: none;
}
.calculator header::after{
	width: 144px;
	height: 4px;
    background: var(--Text-colorAccent);
    bottom: -4px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    transition: all 0.25s linear 0s;
}
.calculator.artluxe header::after{
    display: none;
}

.calculator.cart header::after{
    display: none;
}
body.step2 .calculator header::after{
	width: 50%;
}
body.step3 .calculator header::after{
	width: 100%;
}
body.mount.step2 .calculator header::after,
body.framing.step2 .calculator header::after,
body.canvas.step2 .calculator header::after{
	width: 35%;
}
body.mount.step3 .calculator header::after,
body.framing.step3 .calculator header::after,
body.canvas.step3 .calculator header::after{
	width: 70%;
}
body.mount.step4 .calculator header::after,
body.canvas.step4 .calculator header::after,
body.framing.step4 .calculator header::after{
	width: 100%;
}

body.step1 .calculator header a[rel="1"],
body.step2 .calculator header a[rel="2"],
body.step3 .calculator header a[rel="3"],
body.step4 .calculator header a[rel="4"]
{
	color: #000000;
	font-weight: bold;
	cursor:default;
}
body.step1 .calculator header a[rel="2"],
body.step1 .calculator header a[rel="3"],
body.step2 .calculator header a[rel="3"]{
	cursor:default;
}

.workspace{
	height:	800px;
}
body.calculator.cart .workspace{
	height:	auto;
}
body.calculator.artluxe .workspace{
	height:	480px;
}
.workspace .col{
	float: left;	
}
.workspace .col.forms{
	width: 586px;
	position: relative;
}
.workspace .col.info{
	width: 320px;
	height: 100%;
	padding-top: 16px;
	position: relative;

}
.forms h1{
	text-align: left;
	padding: 20px 0 20px;
}
.forms .breadcrumbs{
	position: relative;
	margin-top: 14px;
	height: 26px;
}
.forms .breadcrumbs.empty{
	height: 0;
}
.forms .scrollable{
	position: relative;
	overflow: hidden;
    height: 781px;
}
.forms .scroller{
	width: calc( 586px * 4 );
    position: absolute;
    left: 0;
    transition: all 0.5s ease 0s;
}
body.step2 .forms .scroller{
	left: calc( -586px * 1 );
}
body.step3 .forms .scroller{
	left: calc( -586px * 2 );
}
body.step4 .forms .scroller{
	left: calc( -586px * 3 );
}
.forms .scroller .form{
	width: 560px;
    height: 781px;
	padding-right: 26px;
	float: left;
}
fieldset{
	--border:1px #888 solid;
	--padding:10px;
	margin: 0 0 18px 0;
}
fieldset .fieldrow{
	position: relative;
	padding-bottom: 10px;
}
fieldset .fieldrow.paddingtop{
	padding-top: 24px;
}

.fieldrow .notice{
	position: absolute;
	top: 0px;
	right: 0;
	width: 250px;
	border: 1px solid var(--Text-colorAccent);
	padding: 8px 8px 8px 53px;
	min-height: 80px;
	color: #fff;
	background-color: var(--Text-colorAccent);
    transition: all 0.25s linear 0s;
	opacity:0;
}
.fieldrow.noticed .notice{
	opacity:1;
}
.fieldrow .notice svg{
	position: absolute;
	top: 11px;
	left: 16px;
	width: 24px;
	height: 24px;
}


fieldset legend{
	padding:0 0 10px 0;
	font-weight: bold;
	font-size: 19px;
	position: relative;
	width: 533px;
}
fieldset legend a.unset{
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 10px;
	font-size: 14px;
	font-weight: normal;
	display: none;
	cursor: pointer;
}
fieldset .field{
	display: inline-block;
}
fieldset .fieldrow .about{
	font-size: 14px;
	line-height: 18px;
	padding: 10px 0 0 0;
}
fieldset .fieldrow .about:first-child{
	padding:  0 0 10px 0;
}
textarea,
fieldset input[type="url"],
fieldset input[type="text"],
fieldset input[type="number"]{
	font-size: 17px;
	line-height: 24px;	
	border: 1px solid #828282;
	border-radius: 3px;
	text-align: center;
	padding: 7px 0;
	width: 128px;
}
input[type="number"] {
  --moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
fieldset .fieldrow .field > .title{
	padding:  0px 0 5px 0;
}
fieldset .fieldrow .field span{
	margin: 0 5px;
}

.buttons{
	text-align: right;
	padding-bottom: 18px;
	--background-color: bisque;
}

.buttons button.order{
	display:none;
}


.optionsGroup{
	height: 697px;
	padding-bottom: 60px;
	position: relative;
}
.optionsGroup.nojScrollPane{
	height: auto;
	padding-bottom: 0;
}

.optionsGroup::after{
	width: calc( 100% - 17px );
	height: 79px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
	left: 0px;
	bottom: 0px;
	content: "";
	display: block;
	position: absolute;
}
.optionsGroup.papersList::after{
	height: 39px;
}
.optionsGroup.nojScrollPane::after{
	display: none;
}
.optionsGroup label{
	width: 420px;        
	min-height: 80px;
	padding: 8px 8px 8px 103px;
	position: relative;
	display: block;
	margin: 0 22px -1px 0;
	border: 1px solid #E0E0E0;
    transition: all 0.25s linear 0s;
}
.optionsGroup label:first-child{
	margin-top:0;
}
.optionsGroup div.addition,
.optionsGroup:not(.borderless) label.checked:not(.disabled),
.optionsGroup:not(.borderless) label:not(.disabled):hover{
	border: 1px solid var(--Text-colorAccent);
	z-index:2;
}
.optionsGroup div.addition{
	border-top: none;
	padding: 8px;
	width: 515px;
}
.optionsGroup div.addition .title{
	padding: 0 0 10px 0;
	font-weight: bold;
	font-size: 19px;
}
.optionsGroup label.disabled{
	cursor: not-allowed;
}
.optionsGroup label.checked{
	height: auto;
}

.optionsGroup label .thumb{
	background: #888888 url(../images/rectangle80.svg) center center  no-repeat;
	background-size: cover;
	width: 80px;        
	height: 80px;
	position: absolute;
	top: 50%;
	left: 8px;
	transform: translateY(-50%);
	border-radius: 3px;
}
.optionsGroup label input[type=checkbox],
.optionsGroup label input[type=radio]{
	display: none;
}
.optionsGroup label .title{
	font-weight: bold;
	font-size: 17px;
	line-height: 24px;
	position: relative;
	padding-left: 28px;
}
.optionsGroup label:not(.disabled):hover .title,
.optionsGroup label.checked:not(.disabled) .title{
	color: var(--Text-colorAccent);
}
.optionsGroup label .title i{
	display: block;
	position: absolute;
	left: 0;
	font-size: 1px;
	width: 18px;
	height: 18px;
	border: 2px solid #828282;
	border-radius: 11px;
	margin-right: 8px;
}
.optionsGroup label.checked .title i{
	border: 2px solid var(--Text-colorAccent);
}
.optionsGroup label.checked .title i::before{
	width: 12px;
	height: 12px;
	background: var(--Text-colorAccent);
	left: 3px;
	top: 3px;
	content: "";
	display: block;
	position: absolute;
	border-radius: 6px;
}
.optionsGroup.checkboxes label .title i{
	border-radius: 2px;
}
.optionsGroup.checkboxes label.checked .title i{
	background-color: var(--Text-colorAccent);
	background-image: url("data:image/svg+xml;utf8,<svg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.175 12.95L0 7.775L2.35833 5.41667L5.175 8.24167L13.4083 0L15.7667 2.35833L5.175 12.95Z' fill='white'/></svg>");
	background-position: center center;
	background-repeat: no-repeat;
}
.optionsGroup.checkboxes label.checked .title i::before{
	display: none;
}
span.info,
.optionsGroup label .dialog{
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 1px;
	width: 18px;
	height: 18px;
	border: 2px solid #cc0000;
	border-radius: 11px;
	background-image: url("data:image/svg+xml;utf8,<svg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.44043 8.19727C2.44954 7.65495 2.51107 7.22656 2.625 6.91211C2.73893 6.59766 2.97135 6.24902 3.32227 5.86621L4.21777 4.94336C4.60059 4.51042 4.79199 4.04557 4.79199 3.54883C4.79199 3.07031 4.66667 2.69661 4.41602 2.42773C4.16536 2.1543 3.80078 2.01758 3.32227 2.01758C2.85742 2.01758 2.48372 2.14062 2.20117 2.38672C1.91862 2.63281 1.77734 2.96322 1.77734 3.37793H0.512695C0.52181 2.63965 0.783854 2.04492 1.29883 1.59375C1.81836 1.13802 2.49284 0.910156 3.32227 0.910156C4.18359 0.910156 4.85352 1.14258 5.33203 1.60742C5.8151 2.06771 6.05664 2.70117 6.05664 3.50781C6.05664 4.30534 5.6875 5.09147 4.94922 5.86621L4.2041 6.60449C3.87142 6.97363 3.70508 7.50456 3.70508 8.19727H2.44043ZM2.38574 10.3643C2.38574 10.1592 2.44727 9.98828 2.57031 9.85156C2.69792 9.71029 2.88477 9.63965 3.13086 9.63965C3.37695 9.63965 3.5638 9.71029 3.69141 9.85156C3.81901 9.98828 3.88281 10.1592 3.88281 10.3643C3.88281 10.5693 3.81901 10.7402 3.69141 10.877C3.5638 11.0091 3.37695 11.0752 3.13086 11.0752C2.88477 11.0752 2.69792 11.0091 2.57031 10.877C2.44727 10.7402 2.38574 10.5693 2.38574 10.3643Z' fill='%23cc0000'/></svg>");
	background-position: center center;
	background-repeat: no-repeat;
}
span.info{
	--display: inline-block;
	position: absolute !important;
}
body.print.step1 .optionsGroup label .dialog{
	bottom: auto;
	top: 21px;
}

.optionsGroup label .title,
.optionsGroup label .__more{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.optionsGroup label .novelty{
	transform: none;
	position: absolute;
	top: 34px;
	right: 5px;
	font-size: inherit;
    transition: all 0.3s ease-in-out 0s;
}
.optionsGroup label:hover .novelty{
	opacity: 0.2;
}
.optionsGroup label .brief.ellipsis{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.paper_type{
	position: relative;
}
.paper_type.new::before{
	position: absolute;
	display: inline-block;
	content: 'NEW';
	background: var(--Text-colorAccent);
	color: #fff;
	padding: 2px 6px;
	right: 60px;
	top: 11px;
}
.paper_type_title{
	width: 515px;        
	padding: 8px 8px 8px 8px;
	position: relative;
	display: block;
	margin: 0 22px -1px 0;
	border: 1px solid #E0E0E0;
    --transition: all 0.25s linear 0s;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;
    cursor: pointer;
}
.paper_type .paper_type_title::before,
.paper_type .paper_type_title::after{
	right: 19px;
	top: 13px;
	content: "";
	display: block;
	position: absolute;
	height: 16px;
    width: 2px;
    background-color: #111111;
    transition: all 0.5s ease-in-out 0s;
}
.paper_type .paper_type_title::after{
	transform: rotate(90deg);
}
.paper_type.selected .paper_type_title::before{
	transform: rotate(90deg);
}
.paper_type.selected .paper_type_title::after{
	transform: rotate(270deg);
}
.paper_type .paper_type_options{
	display: none;
	overflow: hidden;
}

/* Стили подкатегорий такие же как у основных категорий */
.paper_type_options .wooden_frame_type{
	margin: 0 0 0 22px;
}
/* Стили подкатегорий такие же как у основных категорий */
.paper_type_options .wooden_frame_type{
	margin: 0;
}
.paper_type_options .wooden_frame_type:last-child{
	margin-bottom: 20px;
}
.paper_type_options .wooden_frame_type .paper_type_title{
	width: 515px;
	padding: 8px 8px 8px 8px;
	position: relative;
	display: block;
	margin: 0 22px -1px 0;
	border: 1px solid #E0E0E0;
	font-weight: bold;
	font-size: 17px;
	line-height: 24px;
	cursor: pointer;
	color: #444;
}

.info .advantages{
	display: none;
	line-height: 18px;
	position: absolute;
	bottom: 0;
}

body.step1 .info .advantages[rel="1"]{
	display: block;
}
body.step2 .info .advantages[rel="2"]{
	display: block;
}
body.step3 .info .advantages[rel="3"]{
	display: block;
}
body.step4 .info .advantages[rel="4"]{
	display: block;
}



.info .result{
	width: 100%;
	display: none;
}
.info .result .data, 
.info .result .whatToDoNext{
	background: #000;
	color: #fff;
	padding: 16px;
	border-radius: 3px;
}
.info .result .whatToDoNext{
	margin-top: 8px;
}

.whatToDoNext h3,
.info .result h3{
	font-family: Roboto, helvetica, sanserif, sans-serif;
	font-size: 19px;
	text-align: left;
	padding: 0 0 10px;
}
.info .result .price{
	background: #fff;
	color: #000;
	border-radius: 3px;
	text-align: center;
	padding : 7px 0 8px;   
	font-weight: bold;
	font-size: 19px;  
	margin: 17px 0 7px 0;
}

.whatToDoNext label,
.info .result label{
	position: relative;
	display: inline-block;
	padding-left: 28px;
	margin-right: 20px;
}
.whatToDoNext label input,
.info .result label input{
	display: none;
}
/*
.whatToDoNext label::after,
.whatToDoNext label::before,
.info .result label::after,
.info .result label::before {
	display: block;
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1px;
	width: 18px;
	height: 18px;
	border: 2px solid #828282;
	background: #fff;
	border-radius: 11px;
}
.whatToDoNext label.checked::before,
.info .result label.checked::before {
	border: 2px solid var(--Text-colorAccent);
	background: var(--Text-colorAccent);
}
.whatToDoNext label.checked::after,
.info .result label.checked::after {
	background: transparent;
	width: 12px;
	height: 12px;
	border: 2px solid #ffffff;
	border-radius: 8px;
	left: 3px;
	top: 3px;
}
*/
body.canvas .fieldrow.canvas .optionsGroup{
	padding-bottom: 0px;
	height: 98px;
}
body.canvas .fieldrow.canvas .optionsGroup::after{
	display:none;
}
body.canvas .fieldrow.canvas{
	margin-bottom: 20px;
}
body.canvas .fieldrow.baguette .optionsGroup{
	--height: 350px;
}


.calculator.cart table{
	width: 100%;
}
.calculator.cart table td{
	font-size: 14px;
	line-height: 18px;
	padding: 4px 0;
}
.calculator.cart table td:nth-child(2),
.calculator.cart table th:nth-child(2){
	text-align: right;
}
.calculator.cart table td a{
	color: #828282;
}
.calculator.cart table th{
	font-weight: bold;
	font-size: 17px;
	line-height: 24px;
	padding: 4px 0;
}
.calculator.cart table th a{
	color: #000000;
}
.calculator.cart table th.kindTitle{
	width: 99%;
	position: relative;
}
.calculator.cart table a.reset{
	background: url(../images/reset.svg) center center  no-repeat;
	background-size: cover;
	width: 16px;        
	height: 16px;
	display: inline-block;
	position: absolute;
	right: 10px;
	bottom: 9px;
}
.calculator.cart table th a.zap{
	color: #cc0000;
	font-size:14px;
}

.calculator.cart table tr.total th{
	padding-top: 14px;

}
.calculator.cart table tr.rule td{
	padding: 0 0;
	border-bottom: #BDBDBD 1px solid;
}

body .calculator{
	padding-top: 24px;
}

body.order .workspace .col.forms,
body.order .forms .scroller .form {
    width: 906px;
    padding-right: 0;
}



body.order .forms .scroller .form.jspScrollable {
}



.fileToPrint fieldset input[type="url"]{
	width: 100%;
}
.fileToPrint .buttons{
	text-align: center;
}

body.order.step2 .calculator header::after {	width: 25%; }
body.order.step3 .calculator header::after {	width: 50%; }
body.order.step4 .calculator header::after {	width: 75%; }
body.order.step5 .calculator header::after {	width: 100%; }


body.order .forms .scroller {
    width: calc( 906px * 5 );
}
body.order.step2 .forms .scroller {	left: calc( -906px * 1 ); }
body.order.step3 .forms .scroller {	left: calc( -906px * 2 ); }
body.order.step4 .forms .scroller {	left: calc( -906px * 3 ); }
body.order.step5 .forms .scroller {	left: calc( -906px * 4 ); }

body.order.step1 .buttons{
	padding-top: 10px;
}
body.order.step1 .buttons button.back,
body.order.step1 .buttons button.more,
body.order.step1 .buttons button.submit{
	display: none;
}
body.order.step2 .buttons button.checkout,
body.order.step2 .buttons button.submit,
body.order.step3 .buttons button.checkout,
body.order.step3 .buttons button.submit,
body.order.step4 .buttons button.checkout,
body.order.step4 .buttons button.submit{
	display: none;
}

body.order.step5 .buttons button.checkout,
body.order.step5 .buttons button.more{
	display: none;
}

body.order .forms input[type="text"]{
	width: 437px;
	text-align: left;
	padding: 7px;
}
body.order fieldset{
	margin-bottom: 0;
}
body.order:not(.step4) .forms .fieldrow{
	padding-bottom: 16px;
}
body.order fieldset + fieldset{
	margin-top: 18px;
}


.optionsGroup.borderless label{
	border: none;
	padding: 20px 0 0 0;
}
.optionsGroup.borderless label .dialog,
.optionsGroup.borderless label .thumb{
	display: none;
}
body.order .forms textarea{
	width: 520px;
	height: 164px;
	text-align: left;
	padding: 7px 6px;
}

body.order table.orders tr.total th{
	border-bottom: 3px #C4C4C4 solid;
}

body.order table.orders .shortdetails.sale-order-item{
	font-family: var(--Headers-font-family);
	font-size: 24px;
	line-height: 34px;
	text-transform: uppercase;
}

body.order .conditions{
	margin-top: 10px;
}
body.order .conditions h4{
	padding: 0 0 8px 0;
}
body.order .conditions li{
	padding: 0 25px 4px 0;
}

body.order .conditions .small{
	font-size: 10px;
	color: #828282;
}

body.order .forms .packaging input[type="number"]{
	width: 48px;
	text-align: center;
	padding: 2px 0;
	display: inline-block;
	margin: 5px 0 0 0;
}
body.order .forms .packaging label div.count{
	display: none;
}	
body.order .forms .packaging label.checked div.count{
	display: block;
}
body.order .optionsGroup.packaging label .price{
	display: block;
	position: absolute;
	right: 40px;
	bottom: 12px;
	display: none;
}
body.order .forms .packaging label.checked .price{
	display: block;
}
@media screen and (max-width:970px) { 
	.blockList.three{
		display: block;
	}
	.blockList.three a {
		width: calc( 100%  - 32px );
	}
	.blockList.three a.url .block .caption {
	    top: 50%;
		transform: translateY(-50%);	
	}
	.blockList.three a.url .block .title{
	    font-size: 9.3vw;
	    line-height: 10.83vw;
	}
	.blockList.three a.url .block .body {
	    padding: 2.4vw 30px 0;
	    font-size: 4.3vw;
	    line-height: 5.8vw;

	}

	.optionsGroup.borderless label{
		height: auto;
	}
	.calculator header{
		margin: 0 16px;
		padding: 0 0 4px;
	}
	.calculator div.back{
		padding: 18px 16px;
	}
	.forms h1{
		padding: 12px 16px;
	}
	.workspace{
		height: auto;
		overflow: hidden;
	}
	.workspace .col {
		float: none;
	}
	.workspace .col.forms{
		width: 100vw;
	}
	.workspace .col.info{
		width: 100vw;
		height: auto;
		padding-top: 0;
	}
	
	.info .result{
		position: relative;
		right: auto;
		bottom: auto;
		width: auto;
	}
	.info .result .data{
		width: calc( 100vw - 32px);
	}
	.forms .scrollable{
		height: auto;
		position: static;
	}
	.forms .scroller{
		position: static;
		left: auto;
	}
	.forms .scroller .form{
		width: calc( 100vw - 32px);
		padding: 0 16px;
		float: none;
		height: auto;
		display: none;
		transition: all 0.5s ease 0s;
	}
	.step1 .forms .scroller .form[rel="1"]{	display: block; }
	.step2 .forms .scroller .form[rel="2"]{ display: block; }
	.step3 .forms .scroller .form[rel="3"]{ display: block; }
	.step4 .forms .scroller .form[rel="4"]{ display: block; }
	
	.forms .scroller .form fieldset,
	.forms .scroller .form fieldset .fieldrow,
	.optionsGroup{
		max-width: calc( 100vw - 32px);
		height: auto;
	}
	.forms .scroller{
		width: calc( 100vw * 4 )
	}
	body.step2 .forms .scroller{ left: calc( -100vw * 1 ) }
	body.step3 .forms .scroller{ left: calc( -100vw * 2 ) }
	body.step4 .forms .scroller{ left: calc( -100vw * 3 ) }
	fieldset legend{
		width: 100%;
	}
	.optionsGroup{
		padding-bottom: 0;
	}
	.optionsGroup label,
	.optionsGroup div.addition {
		width: calc( 100vw - 32px - 16px);
		padding: 8px;
		box-sizing: border-box;
	}
	.optionsGroup label .title {
		padding-left: 76px !important;
	}
	.optionsGroup label .brief,
	.optionsGroup label .more {
		margin-left: 76px;
		padding-left: 0;
		width: calc(100% - 76px);
		box-sizing: border-box;
	}
	.optionsGroup .jspPane label {
		width: calc( 100vw - 32px - 40px);
	}	
	
	.optionsGroup::after{
		display: none;
	}
	.optionsGroup label .thumb{
		width: 60px;
		height: 60px;
		top: 50%;
		left: 8px;
		transform: translateY(-50%);
	}
	.optionsGroup label .title{
		position: static;
		padding-left: 0;
	}
	.optionsGroup label .title i{
		position: absolute;
		left: 8px;
		top: calc(50% - 30px);
		transform: none;
		z-index: 10;
	}
	.optionsGroup label .dialog{
		width: 15px;
		height: 15px;
		transform: scale(0.833);
	}
	
	.paper_type_title{
		width: calc( 100vw - 32px - 16px);
	}
	
	.fieldrow .notice{
		width: calc( 100vw - 32px - 8px - 53px);
		position: relative;
		top: auto;
		right: auto;
		height: 0px;
		min-height: auto;
	}
	.fieldrow.noticed .notice{
		min-height: auto;
		height: auto;
	}	
	
	.info .advantages,
	a.scrolltotop{
		display: none !important;	
	}
	.calculator.cart table{
		width: calc( 100vw  - 32px);
		margin: auto;
	}
	.buttons{
		width: calc( 100vw  - 32px);
		margin: 12px  auto 0;
	}		
	
	.whatToDoNext label{
		height: 32px;
	}
	body.order .conditions,
	table.orders{
		width: calc( 100vw  - 32px);
	}
	body.order .forms input[type="text"]{
		width: calc( 100vw  - 32px - 16px);
	
	}
	.forms .breadcrumbs{
		padding: 0 16px;
	}
	.calculator header::after{
		width: 40px;
	}

	.simple_overlay.resource img.thumb {
	    max-width: 100%;
	    margin-bottom: 20px;
	}
	.buttons button{
	    margin-bottom: 12px;
	}
	.optionsGroup .paper_type_title{
    	max-width: calc( 100vw - 32px);
    }
}

fieldset .fieldrow.simplified{
	padding-top: 24px;
}
.fieldrow.simplified .optionsGroup label{
	min-height: auto;
	padding-left: 8px;
}
.fieldrow.simplified .optionsGroup label .thumb{
	display: none;
}
.fieldrow.simplified .optionsGroup label .title{
}

.carpentryFrameOpts{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;

}

body.order.step3 .optionsGroup label .brief,
body.order.step3 .optionsGroup label .more {
	display: none;
}
body.order.step3 .optionsGroup label .more {
	padding-top: 6px;
}
body.order .optionsGroup label.checked .brief,
body.order .optionsGroup label.checked .more {
	display: block;
}
body.order .optionsGroup label .brief.ellipsis {
    white-space: normal;
    text-overflow: initial;
    overflow: visible;
}
body.order .field .optionsGroup label .title {
	font-weight: normal;
	color: #000000;
}
body.order .field .optionsGroup label input {
	width: 404px;
	padding: 2px 7px;
	line-height: 17px;
}
body.order .field .optionsGroup label .field {
	padding-top: 6px;
}
.optionsGroup.student label{
	padding: 8px;
	width: 435px;
}
.optionsGroup.student label span.info{
	bottom: auto;
	top: 10px;
}

body.order .field .optionsGroup.student label .field{
	padding-top: 20px;
	display: none;
}
body.order .field .optionsGroup.student label.checked .field{
	display: block;
}
@media screen and (min-width:860px) { 
	body.order.step4 .buttons{
		--margin: -55px  auto 0;
	}		

}
@media screen and (max-width:550px) { 
	.calculator header > span{
		display: inline-block;
	}
	body.step1 .calculator header > span.back{
		display: none;
	}
	.calculator header > span.stepcount{
		float: right;
	}
	.calculator header > a{
		display: none;
	}
	.calculator header::after{
		--display: none;
	}
	.carpentryFrameOpts {
		display: block;
	}
}
@media screen and (max-width:550px) { 

	fieldset legend a.unset {
	    background: transparent url(../images/close-button-red.svg) center center no-repeat;
	    height: 40px;
	    width: 40px;
	    z-index: 10001;
	    transition: 0.6s linear all;
	    font-size:1px;
	    color: transparent;
	    bottom: 0;
	}

	fieldset .field {
	    margin-bottom: 10px;
	}

}