*{
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Ubuntu', sans-serif;
height: 98vh;
min-height: 500pt;
display: flex;
flex-direction: column;
color: #344A5E;
background-image: url("../img/fonlogo_1.png");
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}



.controlxZ12{
font-family: \'Open Sans Condensed\', sans-serif;
text-align: center;
padding: 6pt 1pt;
background: rgba(48, 232, 2,1.0);
border-radius: 5px;
cursor:pointer;
border: 1px transparent; 
margin-top: 5px;
}


.controlxZ12:hover{
opacity: 0.7;
}


.table1 .controlxZ1{
font-family: \'Open Sans Condensed\', sans-serif;
text-align: center;
padding: 6pt 14pt;
background: rgba(48, 232, 2,1.0);
border-radius: 5px;
cursor:pointer;
border: 1px transparent; 
margin-top: 5px;
}

.table1 .controlxZ1:hover{
opacity: 0.7;
}


.controlxZ1{
font-family: \'Open Sans Condensed\', sans-serif;
text-align: center;
padding: 6pt 14pt;
background: rgba(48, 232, 2,1.0);
border-radius: 5px;
cursor:pointer;
border: 1px transparent; 
margin-top: 5px;
}
.controlxZ1:hover{
opacity: 0.7;
}
.buttingZ1 {
margin-bottom: 0px !important;
margin-top: 0px;
}



.scroltable::-webkit-scrollbar {
width: 10px;
} 
.scroltable::-webkit-scrollbar-track {
margin: 0 0 0 3pt;
box-shadow: inset 0 0 10px rgba(0,0,0,0.3); 
} 
.scroltable::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 10px rgba(0,0,0,0.3); 
}




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

.table1 .functionsstype {
text-align: left;
font-size: 9pt;
}

.tblhide{
display:none;
}
}



@media screen and (max-width: 600px) {
.tblhide2{
width: 100%;
text-align:left;
}


.chsboxes{
text-align:left;
}


.table1 .functionsstype {
text-align: left;
font-size: 10pt;
}


}


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

.table1 .functionsstype {
text-align: left;
font-size: 7pt;
}

}


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

.table1 .functionsstype {
text-align: left;
font-size: 8pt;
}

}




.blockedelement{
cursor:not-allowed;
}






h23 {
position: relative;
margin-top: 0px;
text-align: center;
font-size: 19pt;
color: #ffffff;
text-shadow: 3px 3px 10px #adaeb1;
display: block;
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
unicode-bidi: isolate;
}

.bottom-content {
justify-content: center;
align-items: center;
}
.caption {
margin-top: 15px;
text-align: center;
}
.big-text {
font-weight: 500;
font-size: 18px;
}
.small-text {
font-size: 14px;
}
.ref {
font-size: 14px;
color: #0279C0;
text-decoration: none;
cursor:pointer;
}
.ref:hover {
text-decoration: underline;
cursor:pointer;
}
.central-content {
display: flex;
flex-grow: 1;
flex-shrink: 0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.cookie_notice {
display: none;
position: fixed;
z-index: 99;
bottom: 0;
left: 0;
right: 0;
text-align: center;
font-size: 15px;
font-family: Times New Roman, sans-serif;  
color: #ffffff;
background: #0279C0;
padding: 10px 20px; 
border-top: 2px solid #84c1e5;
}
.cookie_btn {
display: inline-block;
margin: 10px 6px 4px 6px;
text-decoration: none;
position: relative;
font-size: 13px;
padding: 4px 12px;
color: #FFF;
font-weight: bold;
text-transform: uppercase; 
background: #337AB7;
border: 2px solid #BFE2FF;
}
.cookie_btn:hover {
color: #FFF;
}
.cookie_btn:after,
.cookie_btn:before {
position: absolute;
height: 2px;
left: 50%;
background: #FFF;
bottom: -6px;
content: "";
transition: all 280ms ease-in-out;
width: 0;
}
.cookie_btn:before {
top: -6px;
}
.cookie_btn:hover:after,
.cookie_btn:hover:before {
width: 100%;
left: 0;
}
.button.secondary {
color: #ffffff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #2e8fc9;
}
.button:hover {
color: #FFF;
}
.button:after,
.button:before {
position: absolute;
height: 2px;
left: 50%;
background: #FFF;
bottom: -6px;
content: "";
transition: all 280ms ease-in-out;
width: 0;
}
.button:before {
top: -6px;
}
.button:hover:after,
.button:hover:before {
width: 100%;
left: 0;
}
.button.radius {
-webkit-border-radius: 4px;
border-radius: 4px;
}
.button {
border-style: solid;
border-width: 1px;
cursor: pointer;
font-family: inherit;
font-weight: bold;
line-height: 1;
margin: 0 0 1.25em;
position: relative;
text-decoration: none;
text-align: center;
display: inline-block;
padding-top: 0.75em;
padding-right: 1.5em;
padding-bottom: 0.8125em;
padding-left: 1.5em;
font-size: 1em;
color: #fff;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
-webkit-transition: background-color 300ms ease-out;
-moz-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out;
padding-left: 40px;
padding-right: 40px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #4e97cc;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
#linkref {
font-size: 16px;
}
#linkref a {
font-size: 16px;
color: #ffffff;
text-decoration: underline;
}
#linkref a:hover {
text-decoration: none;
}
.btn1 {
cursor: pointer;
border: 3px solid;
color: #fff;
font-size: 28px;
height: 80px;
text-align: center;
width: 200px;
background-color: rgb(48, 232, 2);
border-radius: 1.5em;
background-position: 500px 0px;
color: rgb(255, 255, 255);
line-height: 76px;
border: 3px solid;
}
.btn.animation,.btn1.animation,.btn2.animation,.btn3.animation,.btn4.animation,.btn5.animation{
background-image:url("../img/btn_animation.png");
background-position:0 -151px;
background-repeat:no-repeat;
z-index: 12;
}
.btn1.surround{
border:1px solid transparent;
border-radius:2px;
border:1px solid;
}
.product-quick-view-modal.active {
opacity: 1;
visibility: none;
}
@media only screen and (max-width: 1199px) {
.product-quick-view-modal {
padding: 0 10px;
}
}
.product-quick-view-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
left: 0;
z-index: 11;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}	
.product-quick-view-modal.active .product-quick-view-inner {
transform: translate(0, 0);
}
@media only screen and (max-width: 1199px) {
.product-quick-view-inner {
margin: 50px auto;
}
}
@media only screen and (max-width: 1399px) {
.product-quick-view-inner {
max-width: 1170px;
}
}
@media(max-width: 1559px) {
.product-quick-view-inner {
max-width: 1370px;
}
}
.product-quick-view-inner {
display:none;
margin: 150px auto;
max-width: 1483px;
transition: transform 0.3s ease-out;
transform: translate(0, -25%);
position: relative;
z-index: 10;
}








.sidebar-cart-modal {
overflow-y: auto;
background-color: #fff;
box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
position: fixed;
top: 0;
width: 100%;
min-height: 100vh;
bottom: 0;
z-index: 12;
right: 0;
opacity: 0;
transition: all 250ms ease-in;
transform: translate(200px, 0);
visibility: hidden;
padding: 0 25px 25px;
overflow-y: auto;
height: 100vh;
}


@media only screen and (max-width: 575px) {
.sidebar-cart-modal {
padding: 0 15px 15px;
width: 100%;
}
}
.sidebar-cart-modal .sidebar-cart-inner .sidebar-cart-content .cart-close {
color: #000;
position: absolute;
top: 0;
right: 0;
font-size: 25px;
line-height: 25px;
top: 16px; 
right: 24px;
}
.sidebar-cart-modal .sidebar-cart-inner .sidebar-cart-content .cart-close i {
font-weight: 600;
-webkit-text-stroke: 0.1rem #ffffff; /* свойство text-stroke наследуется, применяется ко всем элементам, изменяет текст */ 
-webkit-text-stroke-width: 0.1rem;
-webkit-text-stroke-color: #ffffff;
}
.sidebar-cart-modal .sidebar-cart-inner .sidebar-cart-content .cart-close:hover {
color: #1892fa;
}
.sidebar-cart-modal .sidebar-cart-inner .sidebar-cart-content .sidebar-cart-all {
height: 100%;
overflow-y: auto;
}
.sidebar-cart-modal .sidebar-cart-inner .sidebar-cart-content .sidebar-cart-all .cart-header {
display: flex;
flex-wrap: wrap;
padding: 20px 0px;
border-bottom: 1px solid rgba(129, 129, 129, 0.2);
}
@media only screen and (max-width: 575px) {
.sidebar-cart-modal .sidebar-cart-inner .sidebar-cart-content .sidebar-cart-all .cart-header {
padding: 20px 15px;
}
}
.sidebar-cart-modal .sidebar-cart-inner .sidebar-cart-content .sidebar-cart-all .cart-header > h3 {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
margin: 0;
}
.sidebar-cart-modal.sidebar-cart-active {
opacity: 1;
transform: translate(0, 0);
visibility: visible;
}


#rightmsg.sidebar-cart-active {
opacity: 1;
transform: translate(0, 0);
visibility: visible;
}









/*rightecardmodal*/
.sidebar-cart-modal-right {
position: relative;
position: fixed;

/*overflow-y: auto;*/
background-color: #fff;
box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
position: fixed;
top: 0;
width: 100%;
min-height: 100vh;
bottom: 0;
z-index: 13;
opacity: 0;

left: -100%;
/*transition: all .2s linear;*/
transition: all 250ms ease-in;

visibility: hidden;
padding: 0 25px 25px;
overflow-y: auto;
height: 100vh;
}


@media only screen and (max-width: 575px) {
.sidebar-cart-modal-right {
padding: 0 15px 15px;
width: 100%;
}
}

.sidebar-cart-modal-right .sidebar-cart-inner-right .sidebar-cart-content-right .cart-close-right {
color: #000;
position: fixed;
top: 0;
right: 0;
font-size: 25px;
line-height: 25px;
top: 16px; 
right: 24px;
}

.sidebar-cart-modal-right .sidebar-cart-inner-right .sidebar-cart-content-right .cart-close-right i {
font-weight: 600;
-webkit-text-stroke: 0.1rem #ffffff; /* свойство text-stroke наследуется, применяется ко всем элементам, изменяет текст */ 
-webkit-text-stroke-width: 0.1rem;
-webkit-text-stroke-color: #ffffff;
}

.sidebar-cart-modal-right .sidebar-cart-inner-right .sidebar-cart-content-right .cart-close-right:hover {
color: #1892fa;
}

.sidebar-cart-modal-right .sidebar-cart-inner-right .sidebar-cart-content-right .sidebar-cart-all-right {
height: 100%;
overflow-y: auto;
}

.sidebar-cart-modal-right .sidebar-cart-inner-right .sidebar-cart-content-right .sidebar-cart-all-right .cart-header-right {
display: flex;
flex-wrap: wrap;
padding: 20px 0px;
border-bottom: 1px solid rgba(129, 129, 129, 0.2);
}

@media only screen and (max-width: 575px) {
.sidebar-cart-modal-right .sidebar-cart-inner-right .sidebar-cart-content-right .sidebar-cart-all-right .cart-header-right {
padding: 20px 15px;
}
}

.sidebar-cart-modal-right .sidebar-cart-inner-right .sidebar-cart-content-right .sidebar-cart-all-right .cart-header-right > h3 {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
margin: 0;
}


.sidebar-cart-modal-right.sidebar-cart-active2 {
opacity: 1;
left: 0px;
transform: translate(0, 0);
visibility: visible;
}

.cart-content-right{
overflow-y: auto;
}

.cart-content ul li {
display: flex;
margin-bottom: 20px;
}
.cart-content ul li:last-child {
margin-bottom: 0;
}
.cart-content ul li .cart-img {
flex: 0 0 70px;
}
.cart-content ul li .cart-img a img {
width: 100%;
}
.cart-content ul li .cart-title {
margin-left: 6px;
}
.cart-content ul li .cart-title h4 {
font-weight: 400;
font-size: 15px;
line-height: 1.2;
width: 100%;
margin: 0 0 11px;
}
.cart-content ul li .cart-title h4 a {
color: #000;
font-weight: 400;
font-size: 15px;
}
.cart-content ul li .cart-title h4 a:hover {
text-decoration: underline;
}
.cart-content ul li .cart-title h4.font-size-width-inc {
font-size: 16px;
font-weight: 500;
}
.cart-content ul li .cart-title span {
font-size: 15px;
color: #000;
}
.cart-content ul li .cart-title span span.price {
color: #1892fa;
font-weight: 600;
font-size: 16px;
}
.cart-content ul li .cart-delete {
display: flex;
flex-grow: 100;
justify-content: flex-end;
}
.cart-content ul li .cart-delete a {
color: #000;
display: block;
font-size: 20px;
margin-top: 20px;
text-align: right;
}
.cart-content ul li .cart-delete a:hover {
color: #1892fa;
}
.cart-content .cart-total {
display: block;
width: 100%;
border-top: 1px dashed #e5e5e5;
border-bottom: 1px dashed #e5e5e5;
}
.cart-content .cart-total.cart-total-padding-2 {
padding: 15px 0;
margin: 18px 0;
}
.cart-content .cart-total h4 {
font-size: 15px;
margin: 0;
font-weight: 500;
color: #000;
}
.cart-content .cart-total h4 span {
font-size: 18px;
color: #1892fa;
float: right;
font-weight: 400;
}
.cart-content .cart-checkout-btn {
display: block;
width: 100%;
}
.cart-content .cart-checkout-btn a {
width: 100%;
display: block;
margin: 10px 0 0;
text-align: center;
padding: 13px 20px 12px;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
border-radius: 3px;
}
.cart-content .cart-checkout-btn a.cart-btn {
color: #000;
border: 1px solid #e5e3e3;
}
.cart-content .cart-checkout-btn a.cart-btn:hover {
background-color: #e5e3e3;
}
.cart-content .cart-checkout-btn a.checkout-btn {
background-color: #1892fa;
border: 1px solid #1892fa;
color: #fff;
}
.cart-content .cart-checkout-btn a.checkout-btn:hover {
border: 1px solid #1892fa;
background-color: #1892fa;
}
.cart-content .cart-checkout-btn a:first-child {
margin-top: 0;
}
.cart-content.cart-content-padding ul {
margin: 0;
}
@media only screen and (max-width: 575px) {
.cart-content.cart-content-padding ul {
padding: 30px 0;
}
}
.cart-content.cart-content-padding .cart-total {
padding: 24px 30px;
}
@media only screen and (max-width: 575px) {
.cart-content.cart-content-padding .cart-total {
padding: 24px 0;
}
}
.cart-content.cart-content-padding .cart-checkout-btn {
padding: 36px 30px 30px;
}
@media only screen and (max-width: 575px) {
.cart-content.cart-content-padding .cart-checkout-btn {
padding: 36px 0 30px;
}
}



.sidebar-cart-overlay {
position: fixed;
background: #232324;
z-index: 9;
visibility: hidden;
opacity: 0;
right: 0;
left: 0;
bottom: 0;
top: 0;
transition: all 250ms ease-out;
}
.sidebar-cart-overlay.show {
visibility: inherit;
opacity: 0.7;
}















.fon33{
font-size: 12pt;
font-weight: normal;
text-shadow: 1px 1px 1px #9495c5, -1px 1px 1px #749bd5;
color: #f1f6ff; transition: all .5s;
}
.fon34{
font-size: 12pt;
color: #696969;
font-weight: normal;
text-shadow: 1px 1px 1px silver, -1px 1px 1px silver;
color: #0279c0; transition: all .5s;
}
.fa-heart-o {
color: #f53400;
padding: 0 4px;
}
.fa-spinner{
color: #0279c0;
padding: 15px 4px;
}
.margin-bottom-sm {
margin-bottom: 5px !important;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group-addon, .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
display: table-cell;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
display: table-cell;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .inpcity_axt {
border: solid 2px #ff0000;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
border: 0;
background-color: transparent;
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1;
}
.form-control[disabled],fieldset[disabled] .form-control {
cursor: not-allowed;
}
.input-group input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.input-group input {
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
text-align: start;
appearance: auto;
-webkit-rtl-ordering: logical;
cursor: text;
line-height: normal;
}
.input-group button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
.form_input_gruop50 {
width: 50%;
}
.form_input_gruop80 {
width: 80%;
}
.form_input_gruop90 {
width: 90%;
}
.form_input_gruop95 {
width: 95%;
}
h2{
position: relative;
margin-top: 0px;
text-align: center;
font-size: 19pt;
color: #0279c0;
text-shadow: 3px 3px 10px #adaeb1;
}
.controlx{
font-family: \'Open Sans Condensed\', sans-serif;
text-align: center;
padding: 6pt 28pt;
background: rgba(48, 232, 2,1.0);
border-radius: 5px;
cursor:pointer;
border: 1px transparent; 
margin-bottom: 6pt;
}
.controlx:hover{
opacity: 0.7;
}
.butting {
margin-bottom: 10px !important;
margin-top: 25px;
}



.fa-spinner2{
color: #ffffff;
padding: 0px 0px;
}
.canvas-overlay{
display:none;
position: fixed;
top: 0;
opacity: 0.9;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
background-color: #000;
}
#containerreset{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 80%;
height: 290pt;
border-radius: 5px;
background: rgba(255,255,255,0.9);
font-size: 13pt;
font-weight: normal;
color: #000;
}
#containerreset a {
font-size: 16px;
color: #0279C0;
text-decoration: underline;
}
#containerreset:hover {
text-decoration: none;
}
.bluereset{
background: rgba(255,255,255,0.9);
box-shadow: 1px 1px 50px #1892fa;
}
.redreset{
background: rgba(255,255,255,0.9);
box-shadow: 1px 1px 50px #ff0000;
}
.greenreset{
background: rgba(255,255,255,0.9);
box-shadow: 1px 1px 50px #00ff00;
}
#containererror{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 80%;
height: 160pt;
border-radius: 5px;
background: rgba(255,0,0,0.9);
box-shadow: 1px 1px 50px #fff;
font-size: 15pt;
font-weight: normal;
color: #fff;
}
#containererror a {
font-size: 16px;
color: #ffffff;
text-decoration: underline;
}
#containererrora:hover {
text-decoration: none;
}
#err2{
position: relative;
display: table;
border-collapse: separate;
font-size: 12pt;
color: #ff0000;
margin-bottom: 10pt !important;
}
.signin-mail__wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
/*background: #fff;*/
padding: 0.1em;
transition: opacity 0.3s ease;
}
.signin-mail__wrap input:not(:first-child) {
margin-left: 1%;
}
.signin-mail__wrap input {
width: 100%;
flex: 0 0 50pt;
padding: 0;
margin: 0;
text-align: center;
min-height: 60px;
box-shadow: none;
outline: none;
margin-bottom: 1px;
margin-top: 10px;
border-radius: 10px;
background-color: #041f58;
border: none;
box-shadow: 1px 1px 50px #098dfe;
color: #ffffff;
padding: 10px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
line-height: 20px;
font-size: 20pt;
margin: 2px;
font-weight: bold;
}
.controlxZ{
font-family: 'Open Sans Condensed', sans-serif;
text-align: center;
padding: 6pt 28pt;
background: rgba(48, 232, 2, 1.0);
border-radius: 5px;
cursor: pointer;
border: 1px transparent;
}
.controlxZ:hover{
opacity: 0.7;
}
.buttingZ {
margin-bottom: 10px !important;
margin-top: 25px;
}
#containerreset .inpcity_axt {
border: solid 2px #ff0000;
}
.canvas-overlayS{
display:none;
position: fixed;
top: 0;
opacity: 0.9;
right: 0;
bottom: 0;
left: 0;
z-index: 20;
background-color: #000;
}



#containerS{

position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 80%;
height: 290pt;
border-radius: 5px;
background: rgba(255,255,255,0.9);
font-size: 13pt;
font-weight: normal;
color: #000;


}



#containerS a {
font-size: 16px;
color: #0279C0;
text-decoration: underline;
}
#containerS:hover {
text-decoration: none;
}


.canvas-overlayS .cart-closeS i {
font-weight: 600;
-webkit-text-stroke: 0.1rem #ffffff;
-webkit-text-stroke-width: 0.1rem;
-webkit-text-stroke-color: #ffffff;
color: #000;
position: absolute;
top: 0;
right: 0;
font-size: 25px;
line-height: 25px;
top: 16px;
right: 24px;
    top: 290px;
    right: 78px;
z-index: 21;
}

.canvas-overlayS .cart-close:hover {
    color: #1892fa;
}



.modal {
position: fixed;
min-height: 100vh;
width: 100%;
top: 0;
left: 0;
display: flex;
z-index: 21;
display:none;
}

.modal-overlay {
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
left: 0;
}

.modal-content {
transition: transform 1s;
background: #fff;
width: 75%;
height: 75%;
padding: 48px 24px;
border-radius: 4px;
max-width: 1000px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
margin: 15pt auto;
display:none;
}

.modal-close {
font-size: 18pt;
text-decoration: none;
color: inherit;
position: absolute;
right: 24px;
top: 10px;
}


.modal-close:hover {
color: #1892fa;
}




#modal-title{

 color: #000000;
}

#content-modal-title .inpcity_axt {
border: solid 2px #ff0000;
}






#content-modal-title .input{
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
text-align: start;
appearance: auto;
-webkit-rtl-ordering: logical;
cursor: text;
line-height: normal;

font-family: inherit;
font-size: inherit;
line-height: inherit;

display: block;
width: 100%;
/*height: 34px;*/
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
}





















.inputDD2{
width: 100%;
}

 .inputDD{
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
text-align: start;
appearance: auto;
-webkit-rtl-ordering: logical;
cursor: pointer;
line-height: normal;

font-family: inherit;
font-size: inherit;
line-height: inherit;

/*display: block;*/
/*width: 100%;*/
/*height: 34px;*/
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
}







.table-wrap {
width: 100%;
text-align: center;
display: inline-block;
background-color: #fff;
color: #000;
}

.table1 {
border: 1px solid #ccc;
width: 100%;
margin: 4pt 0pt -2pt 0pt;
margin: 0pt 0pt 0pt 0pt;
padding:0;
border-collapse: collapse;
border-spacing: 0;
}
 
.table1 .tr1 {
border: 1px solid #ddd;
padding: 5px;
}
 
.table1 .th1, .table1 .th11, .table1 .th12, .table1 .td1, .table1 .td14, .table1 .th14, .table1 .th122, .table1 .td122 {
padding: 10px;
text-align: center;
border-right: 1px solid #ddd;
}

.table1 .td111 {
padding: 10px;
text-align: left;
border-right: 1px solid #ddd;
}


.table1 .td14 {
padding: 10px;
text-align: left;
border-right: 1px solid #ddd;
}
 
.table1 .th1 {
color: #fff;
background-color: #444;
font-size: 14px;
letter-spacing: 1px;
}

.table1 .th11 {
color: #fff;
width: 5%;
text-align: center;
background-color: #444;
font-size: 14px;
letter-spacing: 1px;
}

.table1 .th12 {
color: #fff;
width: 5%;
text-align: center;
background-color: #444;
font-size: 14px;
letter-spacing: 1px;
}


.table1 .th14 {
color: #fff;
width: 15%;
text-align: center;
background-color: #444;
font-size: 14px;
letter-spacing: 1px;
}


.table1 .th122 {
color: #fff;
width: 15%;
text-align: center;
background-color: #444;
font-size: 14px;
letter-spacing: 1px;
}

.table1 .td122 {
padding: 10px;
text-align: left;
border-right: 1px solid #ddd;
}
 


@media screen and (max-width: 600px) {
.table1 {
border: 0;
}
.table1 .thead1 {
display: none;
}

.table1 .tr1 {
width: 100%;
margin-bottom: 10px;
display: block;
border-bottom: 2px solid #ddd;
}

.table1 .td1 {
display: block;
text-align: right;
font-size: 13px;
border-bottom: 1px dotted #ccc;
border-right: 1px solid transparent;
}

.table1 .td111 {
display: block;
text-align: right;
font-size: 13px;
border-bottom: 1px dotted #ccc;
border-right: 1px solid transparent;
}

.table1 .td14 {
display: block;
text-align: right;
font-size: 13px;
border-bottom: 1px dotted #ccc;
border-right: 1px solid transparent;
}

.table1 .td122 {
display: block;
text-align: right;
font-size: 13px;
border-bottom: 1px dotted #ccc;
border-right: 1px solid transparent;
}


.table1 .td1:last-child {
border-bottom: 0;
}
.table1 .td111:last-child {
border-bottom: 0;
}

.table1 .td14:last-child {
border-bottom: 0;
}

.table1 .td122:last-child {
border-bottom: 0;
}

  
.table1 .td1:before {
content: attr(data-label);
float: left;
font-weight: bold;
}
  
.table1 .td122:before {
content: attr(data-label);
float: left;
font-weight: bold;
}

.table1 .td111:before {
content: attr(data-label);
float: left;
font-weight: bold;
}
  
.table1 .td14:before {
content: attr(data-label);
float: left;
font-weight: bold;
}
 
}





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

#err3{
font-size: 11px;
}
h2 {
margin-top: 0px;
margin-bottom: 5px;
font-size: 16pt;
}

}



.tblhide2 .inpcity_axt {
border: solid 2px #ff0000;
}

#msgofertawindow{
text-align: left;

}


/*

@media (orientation: portrait) {

h2 {
margin-top: 0px;
margin-bottom: 5px;
font-size: 12pt;
}

}


@media (orientation: landscape) {

h2 {
margin-top: 0px;
margin-bottom: 5px;
font-size: 14pt;
}

}

*/



.number {
user-select: none;
position: relative;
text-align: left;
padding: 0;
width: 200px;
border: 2px solid #33d50b;
display: inline-block;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;

}

.number-minus, .number-plus {
    position: absolute;
    top: 0;
    width: 58px;
    height: 54px;
    line-height: 54px;
    display: block;
    background: rgba(48, 232, 2, 1.0);
    font-size: 20pt;
    font-weight: 600;
    text-align: center;
    font-family: arial;
    color: #3e1e02;
    text-decoration: none;
}

.number-minus{
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.number-plus {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}


.number-minus {
left: 0;
border-right: 1px solid #33d50b;
}
.number-plus {
right: 0;
border-left: 1px solid #33d50b;
}
.number-minus:hover, .number-plus:hover {
opacity: 0.7;
}
.number-minus:active, .number-plus:active {
opacity: 0.5;
}

.number-text {
display: inline-block;
font-size: 20pt;
color: #000;
line-height: 54px;
height: 54px;
padding: 0;
margin: 0 0 0 64px;
background: #fff;
outline: none;
border: none;
width: 70px;
text-align: center;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;

}


.helpbotbotfather {
width: 100%;
height: auto;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
border: 2px solid #33d50b;

}


.helpbotbotfather2 {
width: 150pt;
height: auto;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
/*border: 2px solid #33d50b;*/

}

.buttingZ22 {
margin-bottom: 10px !important;
margin-top: 15px;
}
 


.bubble .emoji-image {
    height: 1.125rem;
    width: 1.125rem;
    vertical-align: bottom;
}
.emoji-image {
    width: 18px;
    height: 18px;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}


.emodji{
    width: 18px;
    height: 18px;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;

}


#content-modal-title .inpcity_axt {
border: solid 2px #ff0000;
}


#content-modal-title .inputZw{
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
text-align: start;
appearance: auto;
-webkit-rtl-ordering: logical;
cursor: text;
line-height: normal;

font-family: inherit;
font-size: inherit;
line-height: inherit;

display: block; 
/*width: 100%;*/
/*height: 34px;*/
padding: 3px 4px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
}