.cpmain {
	width: 800px;
	height: 500px;
	background-image: url(bg.png);
	z-index: 20;
}

.nevidno {
display: none;
}


.calcpricepdiv table {
    max-width: 100%!important;
}





#osnovnoydiv {
    border: 0!important;
    box-shadow: none!important;
}

.insha {
    box-shadow: none!important;
}



.colorblackzad{
	width: 800px;
	height: 500px;
	background-image: url(blackz.png);
	z-index: 24;
	position: absolute;
}
.colorbluezad{
	width: 800px;
	height: 500px;
	background-image: url(bluez.png);
	z-index: 24;
	position: absolute;
}
.colorgreenzad{
	width: 800px;
	height: 500px;
	background-image: url(greenz.png);
	z-index: 24;
	position: absolute;
}
.coloryellowzad{
	width: 800px;
	height: 500px;
	background-image: url(yellowz.png);
	z-index: 24;
	position: absolute;
}
.colororangezad{
	width: 800px;
	height: 500px;
	background-image: url(orangez.png);
	z-index: 24;
	position: absolute;
}
.colorredzad{
	width: 800px;
	height: 500px;
	background-image: url(redz.png);
	z-index: 24;
	position: absolute;
}
.colorgreyzad{
	width: 800px;
	height: 500px;
	background-image: url(greyz.png);
	z-index: 24;
	position: absolute;
}
.colorblack{
	width: 800px;
	height: 500px;
	background-image: url(black.png);
	z-index: 21;
	position: absolute;
}
.colorblue{
	width: 800px;
	height: 500px;
	background-image: url(blue.png);
	z-index: 21;
	position: absolute;
}
.colorgreen{
	width: 800px;
	height: 500px;
	background-image: url(green.png);
	z-index: 21;
	position: absolute;
}
.coloryellow{
	width: 800px;
	height: 500px;
	background-image: url(yellow.png);
	z-index: 21;
	position: absolute;
}
.colororange{
	width: 800px;
	height: 500px;
	background-image: url(orange.png);
	z-index: 21;
	position: absolute;
}
.colorred{
	width: 800px;
	height: 500px;
	background-image: url(red.png);
	z-index: 21;
	position: absolute;
}
.colorgrey{
	width: 800px;
	height: 500px;
	background-image: url(grey.png);
	z-index: 21;
	position: absolute;
}
.krepluv {
	width: 800px;
	height: 500px;
	background-image: url(luv.png);
	z-index: 22;
	position: absolute;
}
.krepskob {
	width: 800px;
	height: 500px;
	background-image: url(skob.png);
	z-index: 22;
	position: absolute;
}
.krepshnur {
	width: 800px;
	height: 500px;
	background-image: url(shnur.png);
	z-index: 23;
	position: absolute;
}
.zadpicbokluv {
	width: 800px;
	height: 500px;
	background-image: url(bokluv.png);
	z-index: 30;
	position: absolute;
}
.zadpicbokskob {
	width: 800px;
	height: 500px;
	background-image: url(bokskob.png);
	z-index: 30;
	position: absolute;
}
.zadpicnizluv {
	width: 800px;
	height: 500px;
	background-image: url(nizluv.png);
	z-index: 30;
	position: absolute;
}
.zadpicnizskob {
	width: 800px;
	height: 500px;
	background-image: url(nizskob.png);
	z-index: 30;
	position: absolute;
}
.zadpicnizshnur {
	width: 800px;
	height: 500px;
	background-image: url(nizshnur.png);
	z-index: 31;
	position: absolute;
}
.zadpicbokshnur {
	width: 800px;
	height: 500px;
	background-image: url(bokshnur.png);
	z-index: 31;
	position: absolute;
}
.calcpricepdiv2 input {
	height: 30px;
	font-size: 16px;
	border: solid;
	border-color: #a0c227;
	border-width: 1px;
	margin-left: auto; margin-right: auto;
	margin-top: 80px;
}
.calcpricepdiv table {
	margin-left: auto; margin-right: auto;
	width: 100%;
	margin: 5px;
}
.calcpricepdiv tr {
	margin-left: auto; margin-right: auto;
}
.calcpricepdiv td {
	width: 100%;
	min-width: 120px;
	margin: 5px;
	margin-left: auto; margin-right: auto;
}
.calcpricepdiv input {
	height: 38px;
	font-size: 16px;
	border: solid;
 border-color: #cccccc;
	border-width: 1px;
	margin-left: auto; margin-right: auto;     max-width: 500px;
}
.calcpricepdiv select {
	width: 100%;
	height: 38px;
   	font-size: 14px;
   	padding: 0px;
	border: solid;
	border-color: #cccccc;
	border-width: 1px;
	margin-left: auto; 
	margin-right: auto;
	max-width: 500px;
}
.calcpricepdiv3  {
	border: solid;
	border-color: #a0c227;
	border-width: 1px;
}
.calcpricepdiv3 input {
	float: center;
	width: 95%;
	height: 30px;
	font-size: 16px;
	border: solid;
	border-color: #a0c227;
	border-width: 1px;
	margin-left: auto; margin-right: auto;
}
.calcpricepdiv3 select {
	float: center;
	height: 30px;
	width: 95%;
	font-size: 16px;
	border: solid;
	border-color: #a0c227;
	border-width: 1px;
	margin-left: auto; margin-right: auto;
}
.calcpricepdiv3 td {
	width: max;
	margin: 5px;
	margin-left: auto; margin-right: auto;
}
.calcpricepdiv3  img{
	max-width: 300px;
}
#osnovnoydiv {
    border: solid 1px #666666;
    box-shadow: 0px 0px 0px 0px #a0c227;
    max-width: 840px;
}
#osnovnoydiv input {
	border-radius: 7px;
	padding-left: 7px;
}
#osnovnoydiv select {
	border-radius: 7px;
	padding-left: 7px;
}
#shnur {
    position: absolute;
    margin-left: 16px;
    margin-top: -9px;
}
.retop2 {
    position: absolute;
    margin-left: 36px;
    margin-top: 0px;
    font-weight: bold;
}
#zaddver {
position: absolute;
margin-left: -795px;
margin-top: -60px;
z-index: 100;
}
.retop {
    position: absolute;
    margin-left: 0;
    left: 46px;
    margin-top: -56px;
    font-weight: bold;
}
.dikiyfon {
width: 840px;
background: rgba(238, 238, 238, 0.52);
height: 190px;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
margin-top: -280px;
z-index: -1;
}

.dikiyfon:hover {
width: 840px;
background: white;
height: 190px;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
margin-top: -280px;
z-index: -1;
}
#itogusha {
margin-top: 80px;
margin-left: 300px;
font-size: 20px;
}
#price {
padding-left: 10px;
padding-right: 10px;
font-family: monospace;
font-size: 25px;
}
.insha {
box-shadow: inset 0px 0px 5px 1.5px #C9C9C9;
width: 840px;
}
#tbzad table {
	background: #eee;
}
#tbzad table td{
	background: #eee;
}

#tbzad {
    position: relative;
    left: -128px;
    top: -20px;
}

#wi, #color, #he, #krep, #shag {
    max-width: 116px;
}







.oformit_zakaz {
    width: 200px;
    display: block;
    margin: 5px;
    padding-left: 21px;
    text-align: center;
    cursor: pointer;
    color: #fff !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #4970c3;
    -webkit-box-shadow: 0px 2px 0px rgba(255, 255, 255, 0.25);
    box-shadow: 0px 2px 0px rgba(255, 255, 255, 0.25);
    padding: 10px 20px;
    position: relative;
    border: none;
    font-family: Arial;
    padding-right: 0px;
    position: ABSOLUTE;
    left: 588px;
    margin-top: -53px;
}

.oformit_zakaz:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 20px;
    background: url(https://tent-chehol.com/calc-soft-windows/images/cart.svg) no-repeat;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 4px solid #eee;
    display: none!important;
}
.calcpricepdiv2  {
    background: #f6f6f6;
}





@media screen and (max-width: 920px) {

.calcpricepdiv td {
    display: block;
}

.calcpricepdiv td {
    width: 100%;
    height: 70px!important;
}



#osnovnoydiv {
    height: 780px!important;
    background: #f6f6f6;
}

.calcpricepdiv table {
    height: 806px!important;
}

.retop {
    margin-top: -331px;
}

#itogusha {
    margin-top: 130px;
    margin-left: 14px;
    font-size: 20px;
}


#ploska {
    margin-left: 14px;
}


#zaddver {
display: none;	
}

.retop {
display: none;		
} 

.oformit_zakaz {
    left: 12px;
    margin-top: -10px;
    z-index: 99999999999999999999999;
    position: relative;
}


.insha {
    max-width: 840px;
    width: 100%;
}

.dikiyfon {
    max-width: 840px;
    width: 100%;
}

.cpmain {
    width: 100%!important;
    max-width: 840px!important;
} 



.calcpricepdiv input {
    max-width: 275px;
}
.calcpricepdiv select {
    max-width: 230px;
}

#zaddver {
    margin-left: -309px;
    margin-top: -336px;
}


#tbzad {
    position: relative;
    left: -10px;
    top: -16px;
}

.colorgrey {
    max-width: 840px!important;
    width: 100%!important;
}
 
.cpmain {
    background-image: none!important;
}


.vt_blog  table {
    width: 100%!important;
    max-width: 840px!important;
}
 
.colorgrey {
	background-image: none!important;
}




#zadpicshnur table table table tbody tr:first-child {
	    height: 0!important;	
}



#zadpicshnur table table table table tr:last-child td{
	    margin-top: -180px;
}



#ploska {
    margin-left: 12px;
}

#ploska {
    margin-left: 10px!important;
}

#checkshnur {
	POSITION: relative;
    top: 65px;
    left: 110px;	
}


#colorpic {
background-image: none!important;
}













}