@import url('https://fonts.googleapis.com/css?family=Spectral');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
*{background:transparent;border:none;box-sizing:border-box;margin:0;padding:0;transition:none !important;font-family: "Open Sans", sans-serif;font-size:100%;z-index: inherit;outline:none;}
*:after,*:before{box-sizing:border-box;}
html,body{background:#fff;color:rgb(96,96,96);cursor:default;z-index: 0;line-height: 1.7rem;height: 100%;}
html {overflow-y: scroll;}
datalist{display:none;}

*:focus {outline:none;}

table{width:100%;border-spacing:0;margin-top:1em;table-layout:fixed;border:1px solid #ccc; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1);}
tr{line-height:130%;}
th{color:#444;font-weight:normal;font-style:italic;vertical-align:top;padding:0.1em 0.7em;font-size:90%;}
td{box-sizing:content-box;padding:0.1em 0.7em;height:2.8em;vertical-align:middle;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}

tbody tr:nth-child(even){background:#fff;}
tbody tr:nth-child(odd){background:#eee;}

td button {border-radius: 0.2em;}

#tbl_price{border-collapse: collapse;}
#tbl_price tr{background-color: transparent;text-align: center;}
#tbl_price td{border: 1px solid #ccc;}
/*#tbl_price tr:nth-child(even){text-align: right;}
#tbl_price tr:nth-child(odd){}*/

.navbtn{
width: 2em;height: 2em;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100%" viewBox="0 0 1920 1920" preserveAspectRatio="xMidYMid slice"><path d="m 1728,512 0,-128 q 0,-26 -19,-45 -19,-19 -45,-19 l -1408,0 q -26,0 -45,19 -19,19 -19,45 l 0,128 q 0,26 19,45 19,19 45,19 l 1408,0 q 26,0 45,-19 19,-19 19,-45 z m 0,512 0,-128 q 0,-26 -19,-45 -19,-19 -45,-19 l -1408,0 q -26,0 -45,19 -19,19 -19,45 l 0,128 q 0,26 19,45 19,19 45,19 l 1408,0 q 26,0 45,-19 19,-19 19,-45 z m 0,512 0,-128 q 0,-26 -19,-45 -19,-19 -45,-19 l -1408,0 q -26,0 -45,19 -19,19 -19,45 l 0,128 q 0,26 19,45 19,19 45,19 l 1408,0 q 26,0 45,-19 19,-19 19,-45 z" fill="black" fill-opacity="0.7" /></svg>');
background-repeat: no-repeat;
background-position: center;
background-size: auto 80%;
}
.cube{display: inline-block;
/*margin: 0.5em 0;*/
width: 2em;height: 5em;padding: 1.5em 0;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100%" viewBox="0 0 1920 1920" preserveAspectRatio="xMidYMid slice"><path d="m 1600,1463 q 0,109 -62.5,187 -62.5,78 -150.5,78 l -854,0 q -88,0 -150.5,-78 -62.5,-78 -62.5,-187 0,-85 8.5,-160.5 8.5,-75.5 31.5,-152 23,-76.5 58.5,-131 35.5,-54.5 94,-89 Q 571,896 647,896 q 131,128 313,128 182,0 313,-128 76,0 134.5,34.5 58.5,34.5 94,89 35.5,54.5 58.5,131 23,76.5 31.5,152 8.5,75.5 8.5,160.5 z M 1344,576 q 0,159 -112.5,271.5 Q 1119,960 960,960 801,960 688.5,847.5 576,735 576,576 576,417 688.5,304.5 801,192 960,192 1119,192 1231.5,304.5 1344,417 1344,576 Z" fill="black" fill-opacity="0.7" /></svg>');
/*background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100%" viewBox="0 0 1920 1920" preserveAspectRatio="xMidYMid slice"><path d="m 1024,1629 640,-349 0,-636 -640,233 0,752 z M 960,764 1658,510 960,256 262,510 Z m 832,-252 0,768 q 0,35 -18,65 -18,30 -49,47 l -704,384 q -28,16 -61,16 -33,0 -61,-16 L 195,1392 q -31,-17 -49,-47 -18,-30 -18,-65 l 0,-768 q 0,-40 23,-73 23,-33 61,-47 L 916,136 q 22,-8 44,-8 22,0 44,8 l 704,256 q 38,14 61,47 23,33 23,73 z" fill="black" fill-opacity="0.7" /></svg>');
*/background-repeat: no-repeat;
background-position: center;
background-size: auto 100%;
/*background-color: #ccc;
border-top: 1px solid #333;*/
/*border: 1px solid #333;*/
}
.cube5{
background-size: auto 120%;
}


.cubex{background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100%" viewBox="0 0 1920 1920" preserveAspectRatio="xMidYMid slice"><path d="m 1600,1463 q 0,109 -62.5,187 -62.5,78 -150.5,78 l -854,0 q -88,0 -150.5,-78 -62.5,-78 -62.5,-187 0,-85 8.5,-160.5 8.5,-75.5 31.5,-152 23,-76.5 58.5,-131 35.5,-54.5 94,-89 Q 571,896 647,896 q 131,128 313,128 182,0 313,-128 76,0 134.5,34.5 58.5,34.5 94,89 35.5,54.5 58.5,131 23,76.5 31.5,152 8.5,75.5 8.5,160.5 z M 1344,576 q 0,159 -112.5,271.5 Q 1119,960 960,960 801,960 688.5,847.5 576,735 576,576 576,417 688.5,304.5 801,192 960,192 1119,192 1231.5,304.5 1344,417 1344,576 Z" fill="black" fill-opacity="0.7" /></svg>');
animation:cubeflash 1s linear infinite;}

@keyframes cubeflash{
/*50%{box-shadow:0 0 0.1em 0.1em rgba(255,0,0,1.0);}*/
/*15%{background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100%" viewBox="0 0 1920 1920" preserveAspectRatio="xMidYMid slice"><path d="m 1600,1463 q 0,109 -62.5,187 -62.5,78 -150.5,78 l -854,0 q -88,0 -150.5,-78 -62.5,-78 -62.5,-187 0,-85 8.5,-160.5 8.5,-75.5 31.5,-152 23,-76.5 58.5,-131 35.5,-54.5 94,-89 Q 571,896 647,896 q 131,128 313,128 182,0 313,-128 76,0 134.5,34.5 58.5,34.5 94,89 35.5,54.5 58.5,131 23,76.5 31.5,152 8.5,75.5 8.5,160.5 z M 1344,576 q 0,159 -112.5,271.5 Q 1119,960 960,960 801,960 688.5,847.5 576,735 576,576 576,417 688.5,304.5 801,192 960,192 1119,192 1231.5,304.5 1344,417 1344,576 Z" fill="black" fill-opacity="0.7" /></svg>');}
*/
0%{background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100%" viewBox="0 0 1920 1920" preserveAspectRatio="xMidYMid slice"><path d="m 1600,1463 q 0,109 -62.5,187 -62.5,78 -150.5,78 l -854,0 q -88,0 -150.5,-78 -62.5,-78 -62.5,-187 0,-85 8.5,-160.5 8.5,-75.5 31.5,-152 23,-76.5 58.5,-131 35.5,-54.5 94,-89 Q 571,896 647,896 q 131,128 313,128 182,0 313,-128 76,0 134.5,34.5 58.5,34.5 94,89 35.5,54.5 58.5,131 23,76.5 31.5,152 8.5,75.5 8.5,160.5 z M 1344,576 q 0,159 -112.5,271.5 Q 1119,960 960,960 801,960 688.5,847.5 576,735 576,576 576,417 688.5,304.5 801,192 960,192 1119,192 1231.5,304.5 1344,417 1344,576 Z" fill="black" fill-opacity="0.7" /></svg>');}
50%{background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100%" viewBox="0 0 1920 1920" preserveAspectRatio="xMidYMid slice"><path d="m 1600,1463 q 0,109 -62.5,187 -62.5,78 -150.5,78 l -854,0 q -88,0 -150.5,-78 -62.5,-78 -62.5,-187 0,-85 8.5,-160.5 8.5,-75.5 31.5,-152 23,-76.5 58.5,-131 35.5,-54.5 94,-89 Q 571,896 647,896 q 131,128 313,128 182,0 313,-128 76,0 134.5,34.5 58.5,34.5 94,89 35.5,54.5 58.5,131 23,76.5 31.5,152 8.5,75.5 8.5,160.5 z M 1344,576 q 0,159 -112.5,271.5 Q 1119,960 960,960 801,960 688.5,847.5 576,735 576,576 576,417 688.5,304.5 801,192 960,192 1119,192 1231.5,304.5 1344,417 1344,576 Z" fill="green" fill-opacity="0.7" /></svg>');}
/*65%{background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100%" viewBox="0 0 1920 1920" preserveAspectRatio="xMidYMid slice"><path d="m 1600,1463 q 0,109 -62.5,187 -62.5,78 -150.5,78 l -854,0 q -88,0 -150.5,-78 -62.5,-78 -62.5,-187 0,-85 8.5,-160.5 8.5,-75.5 31.5,-152 23,-76.5 58.5,-131 35.5,-54.5 94,-89 Q 571,896 647,896 q 131,128 313,128 182,0 313,-128 76,0 134.5,34.5 58.5,34.5 94,89 35.5,54.5 58.5,131 23,76.5 31.5,152 8.5,75.5 8.5,160.5 z M 1344,576 q 0,159 -112.5,271.5 Q 1119,960 960,960 801,960 688.5,847.5 576,735 576,576 576,417 688.5,304.5 801,192 960,192 1119,192 1231.5,304.5 1344,417 1344,576 Z" fill="green" fill-opacity="0.7" /></svg>');
*/
/*85%{background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100%" viewBox="0 0 1920 1920" preserveAspectRatio="xMidYMid slice"><path d="m 1600,1463 q 0,109 -62.5,187 -62.5,78 -150.5,78 l -854,0 q -88,0 -150.5,-78 -62.5,-78 -62.5,-187 0,-85 8.5,-160.5 8.5,-75.5 31.5,-152 23,-76.5 58.5,-131 35.5,-54.5 94,-89 Q 571,896 647,896 q 131,128 313,128 182,0 313,-128 76,0 134.5,34.5 58.5,34.5 94,89 35.5,54.5 58.5,131 23,76.5 31.5,152 8.5,75.5 8.5,160.5 z M 1344,576 q 0,159 -112.5,271.5 Q 1119,960 960,960 801,960 688.5,847.5 576,735 576,576 576,417 688.5,304.5 801,192 960,192 1119,192 1231.5,304.5 1344,417 1344,576 Z" fill="black" fill-opacity="0.7" /></svg>');}
*/

}



.cube-l{
/*background-color: #0f0;*/
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100%" viewBox="0 0 1920 1920" preserveAspectRatio="xMidYMid slice"><path d="m 1600,1463 q 0,109 -62.5,187 -62.5,78 -150.5,78 l -854,0 q -88,0 -150.5,-78 -62.5,-78 -62.5,-187 0,-85 8.5,-160.5 8.5,-75.5 31.5,-152 23,-76.5 58.5,-131 35.5,-54.5 94,-89 Q 571,896 647,896 q 131,128 313,128 182,0 313,-128 76,0 134.5,34.5 58.5,34.5 94,89 35.5,54.5 58.5,131 23,76.5 31.5,152 8.5,75.5 8.5,160.5 z M 1344,576 q 0,159 -112.5,271.5 Q 1119,960 960,960 801,960 688.5,847.5 576,735 576,576 576,417 688.5,304.5 801,192 960,192 1119,192 1231.5,304.5 1344,417 1344,576 Z" fill="green" fill-opacity="0.7" /></svg>');

}
.cube-red{display: inline-block;
width: 2em;height: 2em;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100%" viewBox="0 0 1920 1920" preserveAspectRatio="xMidYMid slice"><path d="m 1024,1629 640,-349 0,-636 -640,233 0,752 z M 960,764 1658,510 960,256 262,510 Z m 832,-252 0,768 q 0,35 -18,65 -18,30 -49,47 l -704,384 q -28,16 -61,16 -33,0 -61,-16 L 195,1392 q -31,-17 -49,-47 -18,-30 -18,-65 l 0,-768 q 0,-40 23,-73 23,-33 61,-47 L 916,136 q 22,-8 44,-8 22,0 44,8 l 704,256 q 38,14 61,47 23,33 23,73 z" fill="red" fill-opacity="0.7" /></svg>');
background-repeat: no-repeat;
background-position: center;
background-size: auto 80%;
/*background-color: #ccc;
margin:0;padding: 0;*/


}







fieldset{background-color: #f6f6f6;border-radius:0.5em;padding: 0.5em;}
fieldset input{background-color: #fff;margin-bottom: 0.5em;}
label{text-align:left;font-weight: normal;/*display: inline-block;height: 2em !important;position: relative;*/}

/*ul{list-style-position: inside;list-style-type: none;}*/
/*a{color:#07f;text-decoration:none;cursor:pointer;display: inline-block;}*/
/*li{text-align: justify;text-indent: 1rem;}*/
/*li:before{content: "\25A0 ";color:rgb(64,128,192);padding-right: 0.5rem}*/
/*p {text-indent: 1rem;margin: 0.5em 0;text-align: justify;}*/
hr{border-bottom: 2px dotted #f00;margin: 2rem auto;}
/*h2{font-size: 1.3em;margin: 1rem 0 0.4rem;color:rgb(64,128,192);text-indent: 1rem;}
h3{font-size: 1.1em;margin: 1rem 0 0.2rem;color:rgb(64,128,192);text-indent: 1rem;}
*/
section{display: block;position: relative;margin-top: 3em;}

.fr{float: right;}
.wrp{width: 100%;height: 100%;margin: 0 auto;padding: 0.5rem;max-width: 880px;background: rgba(255,255,255,0.7);display: block;}

section .wrp{padding: 1.5em 0.5rem;}

.s1{background: rgba(102, 102, 204,0.2);}
.s1 h2, .s1 h3, .s1 li:before{color: rgba(102, 102, 204,1);}
.s2{background: rgba(102, 204, 102,0.2);}
.s2 h2, .s2 h3, .s2 li:before{color: rgba(102, 204, 102,1);}
.s3{background: rgba(204, 102, 102,0.2);}
.s3 h2, .s3 h3, .s3 li:before{color: rgba(204, 102, 102,1);}

/*#menu{position: fixed;top:0;background: #fff;width: 100%;border-bottom: 1px solid #ccc; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);z-index: 1;line-height: 2em;}

.nav {position: relative;display: inline-block;vertical-align: middle;height: 2em;}
.nav button {display: inline-block;cursor: pointer;
width: 2em;height: 2em;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100%" viewBox="0 0 1920 1920" preserveAspectRatio="xMidYMid slice"><path d="m 1728,512 0,-128 q 0,-26 -19,-45 -19,-19 -45,-19 l -1408,0 q -26,0 -45,19 -19,19 -19,45 l 0,128 q 0,26 19,45 19,19 45,19 l 1408,0 q 26,0 45,-19 19,-19 19,-45 z m 0,512 0,-128 q 0,-26 -19,-45 -19,-19 -45,-19 l -1408,0 q -26,0 -45,19 -19,19 -19,45 l 0,128 q 0,26 19,45 19,19 45,19 l 1408,0 q 26,0 45,-19 19,-19 19,-45 z m 0,512 0,-128 q 0,-26 -19,-45 -19,-19 -45,-19 l -1408,0 q -26,0 -45,19 -19,19 -19,45 l 0,128 q 0,26 19,45 19,19 45,19 l 1408,0 q 26,0 45,-19 19,-19 19,-45 z" fill="black" fill-opacity="0.7" /></svg>');
background-repeat: no-repeat;
background-position: center;
background-size: auto 80%;

}
.nav ul {display: none; min-width: 100%; position: absolute;background: #fff;list-style: none;list-style-position: inside;z-index: 1;border: 1px solid #ccc; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);right: 0;top:calc(2em - 1px);border-radius:0.1em;}
.nav ul li {display: block;padding: 0.2em 0.7em 0.2em 0.2em;cursor: pointer;
display: block;padding: 0.2em 0.7em 0.2em 0.2em;cursor: pointer;
}
.nav ul li:last-child{border: none;}
.nav:hover ul{display: block;}*/


input,select,textarea,button{border:1px solid rgba(0,0,0,0.2);padding: 0.1rem 0.2rem;/*line-height: 2em !important;*/display: inline-block;height:2.8rem;line-height:1.4rem;background:#fff;}

input[type=checkbox],input[type=radio]{cursor:pointer;width:2em;height:auto;border:0;}

button,[type='submit'],[type='button'],[type='reset']{cursor:pointer;background:rgba(0,0,0,0.2);color:rgba(0,0,0,0.7);border:1px solid rgba(0,0,0,0.2);height: auto;}


option{padding:1px;}


.svn-row::after{
content:"";
clear:both;
display:table;
}

[class*="svn-col-"]{
padding:0.1em 0.2em;
float:left;
}

[class*="svn-col-"] input[type=text],[class*="svn-col-"] input[type=password],[class*="svn-col-"] select,[class*="svn-col-"] textarea{
width:100%;
}

[class*="svn-col-d"]{width:100%;}

.svn-col-01{width:8.33%;}
.svn-col-02{width:16.66%;}
.svn-col-03{width:25%;}
.svn-col-04{width:33.33%;}
.svn-col-05{width:41.66%;}
.svn-col-06{width:50%;}
.svn-col-07{width:58.33%;}
.svn-col-08{width:66.66%;}
.svn-col-09{width:75%;}
.svn-col-10{width:83.33%;}
.svn-col-11{width:91.66%;}
.svn-col-12{width:100%;}

.hide-phone{display: none;}
.show-phone{display: block;}

.padd-phone{padding-left: 0;}

@media screen and (min-width:880px){

.svn-col-d-01{width:8.33%;}
.svn-col-d-02{width:16.66%;}
.svn-col-d-03{width:25%;}
.svn-col-d-04{width:33.33%;}
.svn-col-d-05{width:41.66%;}
.svn-col-d-06{width:50%;}
.svn-col-d-07{width:58.33%;}
.svn-col-d-08{width:66.66%;}
.svn-col-d-09{width:75%;}
.svn-col-d-10{width:83.33%;}
.svn-col-d-11{width:91.66%;}
.svn-col-d-12{width:100%;}

.hide-phone{display: block;}
.show-phone{display: none;}
.padd-phone{padding-left: 4em;}

}


.cpw{background-color: #fff;border: 1px solid #777;display: inline-block;width: 45%;height: 0;margin: 0;padding-bottom: 45%;border-radius: 50%;}
.cpb{background-color: #000;border: 1px solid #777;display: inline-block;width: 45%;height: 0;margin: 0;padding-bottom: 45%;border-radius: 50%;}

.hide{display: none;}

.pcd{opacity: 0.2;cursor: default !important;}


@keyframes selinvfoc{
/*50%{box-shadow:0 0 0.1em 0.1em rgba(255,0,0,1.0);}*/
15%{box-shadow:0 0 0.2em 0em rgba(255,0,0,0.1);}
35%{box-shadow:0 0 0.2em 0em rgba(255,0,0,1.0);}
65%{box-shadow:0 0 0.2em 0em rgba(255,0,0,1.0);}
85%{box-shadow:0 0 0.2em 0em rgba(255,0,0,0.1);}
}
#xColorSelectValid{border: 1px solid red;padding: 0.5em;animation:selinvfoc 1s linear infinite;}
.pcsv{border-color: green !important ;animation:none !important;}
#xProdSel:invalid{border: 1px solid red;animation:selinvfoc 1s linear infinite;}
.imginvalid{border: 1px solid red;animation:selinvfoc 1s linear infinite;}



#xProdSelB, #xProdSelW {font-weight: bold;color: red;}
#xProdSelTxt {font-weight: bold;}