.header-title { display:flex; flex-wrap:nowrap; justify-content:center; justify-items:center; }
.header-title h1 { padding-right:0.3em; }
.header-title .header-title-ddlist { display:block; padding-top: 1em; font-size: 212%;
    line-height: 140%; }
.header-title .header-title-ddlist .ship-button{
    font-family: GOODDP__Samba, Arial, sans-serif;
    margin-top: 0;
    color: #0b206c;
    text-decoration:underline;
    position:relative;
    padding-right:50px;
    cursor:pointer;
    text-transform:uppercase;
}
.header-title .header-title-ddlist .ship-button i{
    display:block;
    position:absolute;
    right:0; top:0; bottom:0; left:auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width:40px; height:40px; background-color:#DBDBDB; color:black;
    font-family:Arial; font-size:15px; font-weight:bold;  text-align:center; line-height:40px; transform: rotate(90deg);
    cursor:pointer;
}
.header-title .header-title-ddlist ul.ship-list, .header-title .header-title-ddlist ul.ship-list li { list-style:none; list-style-type:none; background:none; margin:0; padding:0; }
.header-title .header-title-ddlist ul.ship-list{  background-color:#0b206c; }
.header-title .header-title-ddlist ul.ship-list li{ font-size:1rem; color:white; padding:0 30px; line-height:40px; }
.header-title .header-title-ddlist ul.ship-list li:hover{ background-color:#2b4293; }
.header-title .header-title-ddlist ul.ship-list li::before { content:""; }
.header-title .header-title-ddlist ul.ship-list li a { color:white; text-decoration:none; }

.header-title-single { display:block; margin-bottom:2em; }
.header-title-single h1{ margin-bottom:1em; }
.header-title-single p{ text-align:center; max-width:600px; margin:auto; }

ul.ring-check-list { list-style:none; margin:1.5em 0; padding:0; }
ul.ring-check-list li{ background:none; background-image:url(/Content/Images/li-ring-check-list.png); background-repeat:no-repeat; background-position:left top; background-size:20px;
                     padding-left:30px; list-style:none;
}
ul.ring-check-list li::before { list-style:none; margin:0; padding:0; content:""; width:0; }
table.table-half { }
table.table-half td{ text-align:left; vertical-align:top; padding-right:30px; }

.header-content { padding-top:2em; }
.header-content { padding-top:2em; }

/*Menu title*/
.header-title-ddlist {
    position: relative;
    display: inline-block;
}

.ship-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1000;
}

.ship-list li {
    padding: 8px 12px;
    cursor: pointer;
}

.ship-list li:hover {
    
}

.ship-list.show {
    display: block;
}

.order-form { }
.order-form .order-steps{ display:flex; flex-wrap:nowrap;  }
.order-form .order-steps .order-step{ width:50%; box-sizing:border-box; }
.order-form .order-steps .order-step.one{ }
.order-form .order-steps .order-step.two{ }
.order-form .order-steps .order-step.active{ }
.order-form .order-steps .order-step a{ padding:30px 0; line-height:40px; font-size:160%; display:block; text-decoration:none; font-weight:bold; text-align:center;
                                        color:#697bbd; border-bottom:1px solid silver;
}
.order-form .order-steps .order-step .step-ring-number{ width:40px; height:40px; 
                                                        -webkit-border-radius: 20px;
                                                        -moz-border-radius: 20px;
                                                        border-radius: 20px; border:1px solid #f5a888; color:#f5a888;
                                                        font-size:20px; display:inline-block;
                                                        
}
.order-form .order-steps .order-step.active .step-ring-number { color:#f25d1e; background-color:#f25d1e; border-color:#f25d1e; color:white; }
.order-form .order-steps .order-step.active a{ color:#0b206c; border-bottom:3px solid #f25d1e;
}
.order-form .order-steps .order-step .step-title{ }
.obligation { color:red; padding-left:5px; }
.order-line-bottom { border-bottom:2px dashed #839da0; padding-bottom:3rem; margin-bottom:3rem; }
.order-term-roud {  margin:3rem 0;  }
.order-term-roud-content { display:flex; flex-wrap:nowrap; }
.order-term-roud-content h3{ color:black; font-size:1.2rem; margin-bottom:0.6rem; }
.order-term { width:40%; }
.order-term .order-term-content{ display:flex; flex-wrap:nowrap; width:100%; }
.order-term .order-term-content .label-box-date{ width:49%; margin-right:1%; }
.order-roud { width:60%; }
.order-roud .order-round-content { display:flex; flex-wrap:nowrap; width:100%; }
.order-roud .order-round-content .label-box-ddl{ width:49%; margin-right:1%; }
.order-roud .order-round-content .label-box-ddl .content-box .myKendoDropDown{ width:100%; }

.button-order-next {  width:100%; text-align:center; margin-top:3rem;  }
.button-order-next button{ margin:auto; }

.order-form button.k-button {  }

.button-quantity .bt.remove{ }
.button-quantity .lbl-count{ flex:1 1 auto; }
.button-quantity .bt.add{ }
.button-quantity .bt.add, .button-quantity .bt.remove { cursor:pointer; }
.button-quantity .bt.add, .button-quantity .bt.remove { flex:0 0 auto; }
.button-quantity { height:40px; border:1px solid #f4ece7;
                   -webkit-border-radius: 20px;
                    -moz-border-radius: 20px;
                    border-radius: 20px;
                    display:flex; width:100%; flex-wrap:nowrap; align-items:center; text-align:center;
                    min-width:150px;
}
.button-quantity .bt { width:34px; height:34px; margin:2px;
                       -webkit-border-radius: 17px;
                    -moz-border-radius: 17px;
                    border-radius: 17px;
                    border:none; background-color:#f4ece7;
}

.order-equipment-services {  }
.order-equipment,.order-accessories {  }
.order-equipment .order-equipment-list { }
.order-equipment-list .eq-row{ display:flex; flex-wrap:nowrap; width:100%; align-items:center; border-bottom: 1px solid #c9dde0; color:#9b9bab;font-weight:bold; }
.order-equipment-list .eq-row:last-child{ border-bottom:none; }
.order-equipment-list .eq-row .field{ padding:10px; box-sizing:border-box; }
.order-equipment-list .eq-row .eq-img{ width:15%; }
.order-equipment-list .eq-row .eq-img img{ max-width:100%; opacity:0.5; }
.order-equipment-list .eq-row .eq-type{ width:25%; }
.order-equipment-list .eq-row .eq-type a{ width:20px; height:20px; display:inline-block;  margin-left:8px;
                                                               -webkit-border-radius: 10px;
                                                                -moz-border-radius: 10px;
                                                                border-radius: 10px;
                                                                border:1px solid black;
                                                                 text-decoration:none; font-weight:normal; text-align:center; font-size:12px; line-height:20px;}
.order-equipment-list .eq-row .eq-type .subtitle { display:block; font-weight:normal; font-size:90%; }
.order-equipment-list .eq-row .eq-type a:hover, .order-equipment-list .eq-row .eq-type a:visited { color:black; }
.order-equipment-list .eq-row .eq-availability{ width:15%; }
.order-equipment-list .eq-row .eq-availability .eq-avail { line-height:20px; }
.order-equipment-list .eq-row .eq-availability .eq-avail .ico{ width:20px; height:20px; display:inline-block; margin-right:8px;
                                                               -webkit-border-radius: 10px;
                                                                -moz-border-radius: 10px;
                                                                border-radius: 10px;
                                                                background-repeat:no-repeat;
                                                                background-position:center center; background-size:80%;
                                                                float:left;
}
.order-equipment-list .eq-row .eq-availability .eq-avail.yes{ display:none; color:#468662; }
.order-equipment-list .eq-row .eq-availability .eq-avail.no{ display:block; color:#f48e8e;}
.order-equipment-list .eq-row .eq-availability .eq-avail.yes .ico{ background-color:#468662; background-image:url(/Content/Images/check-white.png);  }
.order-equipment-list .eq-row .eq-availability .eq-avail.no .ico{ background-color:#f48e8e; background-image:url(/Content/Images/x-white.png); }
.order-equipment-list .eq-row .eq-price-term{ width:15%; }
.order-equipment-list .eq-row .eq-count{ width:15%; }
.order-equipment-list .eq-row .eq-count .button-quantity .bt { color:silver; }
.order-equipment-list .eq-row .eq-price{ width:15%; text-align:right; }

.order-equipment-list .eq-row.available { color:black; }
.order-equipment-list .eq-row.available .eq-avail.yes{ display:block; }
.order-equipment-list .eq-row.available .eq-avail.no{ display:none; }
.order-equipment-list .eq-row.available .eq-img img{ opacity:1; }
.order-equipment-list .eq-row.available .eq-count .button-quantity .bt { color:black; cursor:pointer; }

p.p-dot { background-image:url(/content/images/p-dot.png); background-position:left top; background-size:34px; background-repeat:no-repeat; padding-left:50px; }

.order-services { }
.order-services .service-transport { }
.order-services .service-transport .service-type{ }
.order-services .service-transport .service-type .checkbox-big{ position:relative;  }
.order-services .wander-drive { padding-top:30px; }
.order-services .wander-drive-content { padding-left:25px; padding-bottom:30px; }
.order-services .wander-drive-content .wander-drive-calc,.order-services .express-drive .wander-drive-calc { display:flex; justify-items:center; align-items:center; }
.order-services .wander-drive-content .wander-drive-calc .w-item,.order-services .express-drive .wander-drive-calc .w-item{ padding-right:10px; }
.order-services .wander-drive-content .wander-drive-calc .w-item.count,.order-services .express-drive .wander-drive-calc .w-item.count{ min-width:140px; }
.order-services .wander-drive-content .wander-drive-calc .w-item.count .button-quantity,.order-services .express-drive .wander-drive-calc .w-item.count .button-quantity { width:150px; }
    .order-services .wander-drive-content .wander-drive-calc .w-item.price-suma, .order-services .express-drive .wander-drive-calc .w-item.price-suma { font-weight:bold; }
.order-services .express-drive { padding-left:30px; padding-top:30px; padding-bottom:30px; }
.order-services .service-insurance { max-width:50%; }

.order-services .wander-drive-content, .order-services .express-drive-content { display:block; }

.discount-student { }
.discount-student, .discount-loyal { width:50%; }
/*.discount-loyal { padding-left:30px; }*/
.discount-type-content { padding-left:26px;padding-bottom: 26px; }
.student-list-edit { }
.student-list-edit .student-row{ display:flex; flex-wrap:nowrap; align-items:flex-end; }
.student-list-edit .student-row .item{ padding-right:5px; }
.student-list-edit .student-row .item label{ width:100%; display:block; font-size:0.9em; color:gray; }
.student-list-edit .student-row .item input{ width:100%; }
.student-list-edit .student-row .item input.button{ border:1px solid gray; background-color:silver; padding:0 20px; font-size:0.9em; font-weight:500; 
                                                    color:black; height:42px; line-height:42px; 
                                                    -webkit-border-radius: 10px;
                                                                -moz-border-radius: 10px;
                                                                border-radius: 10px;
}
.student-list-edit .student-row .item.number-card{ max-width:120px; }
.student-list-view { padding:2rem 0; }
.student-list-view .student-row{ display:flex; width:100%; }
.student-list-view .student-row .item{padding-right:5px; }
.student-list-view .student-row .item input.button{  }
.student-list-view .student-row .item input.button.del{ border:none; background:none; background-image:url(/Content/Images/button-del.svg);
                                                        background-position:0; background-repeat:no-repeat; background-size:25px 25px; color:black; padding-left:30px;
                                                        font-size:80%;
}
.discount-loyal { }
.discount-loyal .check-email { margin-bottom:1em; }
.discount-loyal .check-email .item{ padding-right:5px; }
.discount-loyal .check-email .item label{ width:100%; display:block; font-size:0.9em; color:gray; }
.discount-loyal .check-email .item input{ max-width:100%; }
.discount-loyal .check-email .item input.button{ border:1px solid gray; background-color:silver; padding:0 20px; font-size:0.9em; font-weight:500; 
                                                    color:black; height:42px; line-height:42px; 
                                                    -webkit-border-radius: 10px;
                                                                -moz-border-radius: 10px;
                                                                border-radius: 10px;
}
.discount-loyal .check-email .flex { align-items:flex-end; }
.discount-multisport,.discount-skaut { width:50%; }

.order-summary { }
.order-summary .order-summary-content{ display:flex; flex-wrap:nowrap; width:100%; }
.order-summary .order-summary-content .summary-type{ width:50%;
                                                     transition: all 0.3s ease;
}
.order-summary .order-summary-content .summary-type:first-child{ padding-right:30px; }
.order-summary .order-summary-content .summary-type:last-child{ padding-left:30px; }
.order-summary .order-summary-content .summary-type .info-box{ background-color:#e2e2e2; padding:30px;
                                                               -webkit-border-radius: 10px;
                                                                -moz-border-radius: 10px;
                                                                border-radius: 10px;
}
.order-summary .order-summary-content .summary-type .info-price{ width:calc(100% - 30px); margin-left:auto; margin-right:auto;
                                                                 background-color:#f2f2f2; padding:30px;
                                                                 -webkit-border-radius: 0 0 10px 10px;
                                                                -moz-border-radius:  0 0 10px 10px;
                                                                border-radius:  0 0 10px 10px;
                                                                font-size:90%;
}
.summary-type .info-box .radio-big label { text-transform:uppercase; font-size:1.4rem; padding-left:32px; }
.summary-type .info-price .price-item { display:flex; width:100%; }
.summary-type .info-price .price-item .title,.summary-type .info-price .price-item .content{ width:50%; }
.summary-type .info-price .price-item .content { text-align:right; }
.summary-type .info-price .line-item { margin-top:10px; border-bottom:1px solid #e2e2e2; margin-bottom:10px; }
.summary-type .price-list-tags { display:flex; flex-wrap:wrap; margin:15px 0; }
.summary-type .price-list-tags .price-tag{ padding:2px 10px; border:1px solid #aeaeae; margin-right:5px; font-size:90%;
                                           -webkit-border-radius: 10px;
                                                                -moz-border-radius: 10px;
                                                                border-radius: 10px;
}
.summary-type .price-list.total-price { margin-top:2rem; }
.summary-type .price-list.total-price .title{ font-size:120%; font-weight:bold; }
.summary-type .price-list.total-price .content span{ display:block; }
.summary-type .price-list.total-price .content .price{ font-size:130%; font-weight:bold; }
.summary-type .next-page { margin-top:30px; display:none; }
.summary-type.active .next-page { display:block; }
.summary-type .next-page .button{ width:auto; padding:0 50px 0 30px; margin:0 auto; border:none; background-color:#ec6e24;
                                  -webkit-border-radius: 10px;
                                -moz-border-radius: 10px;
                                border-radius: 10px;
                                background-image:url(/Content/Images/button-arrow-right.svg); background-repeat:no-repeat; 
                                background-position:right 20px center; background-size:20px;
}

.order-summary .order-summary-content .summary-type.active .info-price { background-color:#e5e8f6; }
.summary-type.active .info-price .line-item { border-color:black; }
.summary-type.active .price-list-tags .price-tag { border-color:#2f3e87; color:#2f3e87; }
.order-summary .order-summary-content .summary-type.active .info-box { background-color:#f7cdba; }
.summary-type.active {   
    
  transform: scale(1.02); }
.service-type-content { display:none; }
.service-type-content.visible { display:block; }
.discount-type-content { display:none; }
.discount-type-content.visible { display:block; }


.warning-accessories { background-color:#fffbe6; color:black; border-width:1px 1px 0 1px; border-style:solid; border-color:#f7db47;
                       position:absolute;
                       -webkit-border-radius: 5px 5px 0 0;
                        -moz-border-radius: 5px 5px 0 0;
                         border-radius: 5px 5px 0 0;
                         padding:10px 30px 10px 50px; display:table; width:auto;
                         transition: all 0.3s ease;
}
.warning-accessories.fixed-bottom {
    position: fixed;
    bottom: 0;
    
    z-index: 1000;
    
}
.warning-accessories .ico{ position:absolute; left:10px; top:0; bottom:0; margin:auto;
                           border:1px solid #e6b101; width:26px; height:26px; text-align:center; line-height:26px; color:#e6b101;
                           -webkit-border-radius: 13px 13px 13px 13px;
                        -moz-border-radius: 13px 13px 13px 13px;
                         border-radius: 13px 13px 13px 13px;
}
.warning-accessories .text{ font-weight:bold; }

.order-services { }
.order-services .service-transport { }
.order-services .service-type { /*padding:2rem 0;*/ }

.checkbox-big,.checkbox,.radio-big { margin-bottom:1rem; position:relative; }
.checkbox-big input{ margin-right:10px; cursor:pointer; }
.checkbox-big label{ font-size:1.4rem; }

ul.check-list { margin:15px 0; padding:0; list-style:none; background:none; }
ul.check-list li{ margin:0; padding:0; list-style:none; background:none; background-image:url(/Content/Images/check-list-li.svg); background-repeat:no-repeat; 
                  background-position:left top; background-size:20px; padding-left:30px;  }
ul.check-list li:before { content:""; }

/*checkbox and radio*/
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width:24px;
  height:24px;
  margin  : 0;
  padding : 0;
  opacity : 0;
  position:absolute; z-index:10; left:0; top:0;
}
input[type=checkbox]:not(old) + label, input[type=radio ]:not(old) + label {

  display      : inline-block;
  margin-left  : 0;
  padding-left : 28px;
  line-height  : 24px;
  
}
input[type=checkbox]:not(old) + label{
  
  line-height  : 24px;
    
}
input[type=checkbox]:not(old) + label::after{
  
  content:"";
  width:24px;
  height:24px;
  margin  : 0;
  padding : 0;
  position:absolute; z-index:5; left:0; top:0;
  background-image:url(/Content/Images/checks.png);
  background-position:left top;
  background-repeat:no-repeat;
  
}
input[type=radio ]:not(old) + label::after {
    content:"";
  width:24px;
  height:24px;
  margin  : 0;
  padding : 0;
  position:absolute; left:0; top:0;
  background-image:url(/Content/Images/checks.png);
  background-position:left top -73px;
  background-repeat:no-repeat;
}
input[type=checkbox]:not(old):checked + label::after{
  content:"";
  width:24px;
  height:24px;
  margin  : 0;
  padding : 0;
  position:absolute; left:0; top:0;
  background-image:url(/Content/Images/checks.png);
  background-position:left top -25px;
  background-repeat:no-repeat;
}

input[type=radio]:not(old):checked + label::after{
  content:"";
  width:24px;
  height:24px;
  margin  : 0;
  padding : 0;
  position:absolute; left:0; top:0;
  background-image:url(/Content/Images/checks.png);
  background-position:left top -50px;
  background-repeat:no-repeat;
}


input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width   : 24px;
  height:24px;
  margin  : 0;
  padding : 0;
  opacity : 0;
  float:left;
  cursor:pointer;
}

p.strong { font-weight:bold; }
.order-popup { border-style:solid; border-width:1px;
               -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                
                background-position:left 10px top 20px; background-repeat:no-repeat; background-size:30px;
                font-size:0.9em; line-height:1.3;
}
.order-popup p{ margin:0; padding:20px 20px 20px 50px;
}
.order-popup.warning { border-color:#F9AC13; background-color:#fffae6; background-image:url(/Content/Images/order-popup-warn.svg); }
.order-popup.success { border-color:#52c41a; background-color:#f6ffec; background-image:url(/Content/Images/order-popup-success.svg); }
.order-popup.error { border-color:#ff4d4f; background-color:#fff0ef; background-image:url(/Content/Images/order-popup-error.svg); }

.order-client .label-box-text{ width:100%; display:flex; }
.order-client .label-box-text .label-box{ text-align:right; width:140px; padding-right:15px; padding-top:10px; }
.order-client .label-box-text .content-box{ width:calc(100% - 140px); }
.order-client .label-box-text .content-box input{ width:100%; }
.order-client .label-box-text .content-box span.validation{ color:red; display:block; width:100%; }

.order-client-summary { }
.order-client-summary .order-client-summary-content{ display:flex; width:100%; flex-wrap:nowrap; }
.order-client-summary .order-client-summary-content .order-client { padding-right:60px; }
.order-client-summary .order-client-summary-content .order-client,.order-client-summary .order-client-summary-content .order-summary{ width:50%; }
.order-client .item-pb { margin-bottom:20px; }
.order-client .checkbox { margin-left:140px; }
.order-client #CommentOrder { padding-left:140px; }
.order-client .box-multiline { width:100%; }
.order-tooltip { width:20px; height:20px; display:block; border:1px solid #9a8371; border-radius:10px;
                 background-size:18px; background-position:left 1px center; position:relative;
}
.order-tooltip.info:after {
    content:"i";
     position: absolute;
  left:7px;
  line-height:20px; font-size:12px;
  color:#9a8371;
}
.order-tooltip.quest:after {
    content:"?";
     position: absolute;
  left:6px;
  line-height:20px; font-size:12px;
  color:#9a8371;
}

.tooltip-box {
    position: absolute;
    background: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 5px;
    z-index: 1000;
    max-width: 200px;
    font-size: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    transition: opacity 0.2s;
    opacity: 0;
}
.tooltip-box.show {
    opacity: 1;
}
.tooltip-box em { font-style: italic; }
.tooltip-box u { text-decoration: underline; }
.tooltip-box b { font-weight: bold; }

.order-payment { }
.order-payment .order-payment-list{ }
.order-payment .order-payment-list .order-payment-item{ border:1px solid #f4ebe7; border-radius:6px; padding:10px; margin-bottom:15px; }
.order-payment .order-payment-list .order-payment-item .order-payment-item-content { display:flex;  }
.order-payment .order-payment-list .order-payment-item .item-radio{ padding-top:12px; }
.order-payment .order-payment-list .order-payment-item .item-img{ width:70px; height:50px; background-position:left 5px center; background-size:auto 50px; background-repeat:no-repeat; }
.order-payment .order-payment-list .order-payment-item .item-text{ padding-top:12px; flex-grow: 1; }
.order-payment .order-payment-list .order-payment-item .item-help{ padding-left:15px; margin-left:auto; }

.order-payment .order-payment-list .order-payment-item.type-card .item-img{ background-image:url(/Content/Images/payment-card.png);}
.order-payment .order-payment-list .order-payment-item.type-qr .item-img{ background-image:url(/Content/Images/payment-qr.png);}
.order-payment .order-payment-list .order-payment-item.type-transfer .item-img{ background-image:url(/Content/Images/payment-transfer.png);}
.order-payment .order-payment-list .order-payment-item.type-cash .item-img{ background-image:url(/Content/Images/payment-cash.png);}

.order-summary { }
.order-summary .order-line-bottom{ padding-bottom:1rem; margin-bottom:1rem; }
.order-summary .order-summary-term .title{ margin-bottom:0.3rem; }
.order-summary .order-summary-term .term-content, .order-summary .order-summary-term .route-content { margin-bottom:0.3rem; font-weight:bold; }

.order-summary .order-equipment .order-equipment-header { display:flex; flex-wrap:nowrap; margin-bottom:1em; }
.order-summary .order-equipment .order-equipment-header div{ width:50%; }
.order-summary .order-equipment .order-equipment-header div:last-child{ text-align:right; font-weight:bold; font-size:1.2em; }
.order-summary .order-equipment-content .order-equipment-list { }
.order-summary .order-equipment-content .order-equipment-list .eq-item{ display:flex; flex-wrap:nowrap; width:100%; }
.order-summary .order-equipment-content .order-equipment-list .eq-item .title{ width:50%; font-weight:bold; }
.order-summary .order-equipment-content .order-equipment-list .eq-item .count{ width:50px; }
.order-summary .order-equipment-content .order-equipment-list .eq-item .price{ flex:1; text-align:right; }

.order-summary .order-other-list {  }
.order-summary .order-other-list .o-item{ display:flex; flex-wrap:nowrap; width:100%; }
.order-summary .order-other-list .o-item .title{ flex:1; }
.order-summary .order-other-list .o-item .price{ text-align:right; }
.order-summary .order-other-list .o-item .title a.order-tooltip { display:inline-block; margin-left:0.5rem; }

.order-summary .order-payment-view {  }
.order-summary .order-payment-view .title{  }
.order-summary .order-payment-view .content{ font-weight:bold; margin-top:5px; }

.order-summary .order-payment-send { background-color:#f4ebe7; border-radius:0 0 10px 10px; padding:30px; }
.order-summary .order-payment-send .final-price { display:flex; flex-wrap:nowrap; }
.order-summary .order-payment-send .final-price .title{ font-weight:bold; }
.order-summary .order-payment-send .final-price .content{ flex:1; text-align:right; }
.order-summary .order-payment-send .final-price .content .price{ font-weight:bold; font-size:1.4em; display:block; }
.order-summary .order-payment-send .final-price .content .withoutprice{ font-weight:normal; font-size:1em; }
.order-summary .order-payment-send .send { }
.order-summary .order-payment-send .send .button{ background-color:#ec6e24; color:white; border:none; 
                                                  text-align:center; height:auto; line-height:1; border-radius:5px;
                                                  margin:1em auto; padding:20px;
}
.order-summary .order-payment-send .send .button::after{ 
    content: ">";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transition: transform 0.3s ease;
  color:gray;
}
.order-summary .order-payment-send .send .button .large{ font-size:1.2em; text-transform:uppercase; display:block; line-height:1; margin:8px; }
.order-summary .order-payment-send .send .button .small{ font-size:1em; line-height:1; text-transform:none; }
.order-summary .order-payment-send .send-info{ font-size:0.9em; line-height:1.3; }

.collapse {
  
  /*margin-bottom: 20px;*/
  padding: 0;
  
}

.collapse-content {
  overflow: hidden;
  transition: height 0.3s ease;
}

.collapse-button {
  margin-top: 10px;
  text-align:right;
}

.toggle-button {
  padding: 6px 0;
  cursor: pointer;
  transition: background-color 0.3s ease;
  position: relative;
  padding-right: 30px;
  margin:0 0 0 auto;
  color:gray;
  font-size:0.9rem;
}

.toggle-button::after {
  content: ">";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transition: transform 0.3s ease;
  color:gray;
}

.toggle-button.collapsed::after {
  transform: translateY(-50%) rotate(90deg); /* směřuje dolů */
}

h1.less-wide { max-width:800px; }
h1.check-circle { position:relative; text-align:left; padding-left:70px;  }
h1.check-circle i{ width:60px; height:60px; display:inline-table; position:absolute; left:0; }
h1.check-circle i .ico{ position:absolute; left:0; top:0; }

.order-successful h1 { margin-left:auto; margin-right:auto; }
.order-successful h1 .ico{ fill:#468562; }
.order-successful .header-title-single p { max-width:800px; padding-left:70px; text-align:left; margin-bottom:1rem; }

.order-state { display:flex; flex-wrap:nowrap; justify-content:center; margin:50px 0; }
.order-state .order-state-item { }
.order-state .order-state-item .img{ position:relative; width:30px; height:30px; margin:auto; margin-bottom:10px; }
.order-state .order-state-item .img .ico{ position:absolute; left:0; top:0; max-width:100%; max-height:100%; fill:gray; }
.order-state .order-state-item .content{ font-size:0.9em; text-align:center; }
.order-state .order-state-item.successful { }
.order-state .order-state-item.successful .img .ico{ fill:#46be05; }
.order-state .order-state-item-space { width:120px; position:relative; }
.order-state .order-state-item-space .border{ position:absolute; width:50%; left:0; right:0; margin:auto; height:1px; top:25px; border-bottom:1px solid black; }

.order-payclient-summary { display:flex; flex-wrap:nowrap; }
.order-payclient-summary .order-payclient{ width:500px; padding-right:30px; }
.order-payclient-summary .order-payclient .order-box:first-child{ margin-bottom:30px; }
.order-payclient-summary .order-box{ border:1px solid silver; border-radius:20px; padding:30px; padding-top:0; }
.order-payclient-summary .order-box h2{ color:black; }

.order-payclient-summary .order-summary{ flex:1; }
.order-payclient .payment-list{  }
.order-payclient .payment-list-item{ display:flex; flex-wrap:nowrap; margin-bottom:8px; }
.order-payclient .payment-list-item .title{ width:170px; font-weight:bold; }
.order-payclient .payment-list-item .content{ flex:1; }
.order-payclient .payment-qr{ margin:30px auto 0 auto; text-align:center;  }
.order-payclient .payment-qr .title{  font-size:0.9em;font-weight:bold;  }

.summ-content .summ-content-title { font-weight:bold; position:relative; padding-left:30px; margin-bottom:0.6rem; }
.summ-content .summ-content-title::after { content:""; position:absolute; left:0; display:inline-block; width:20px; height:20px; 
                                           background-color:#cfcfcf; border-radius:50%; vertical-align:middle; }
.summ-content .summ-term-round { display:flex; flex-wrap:nowrap;}
.summ-content .summ-term-round .summ-content-title{ }
.summ-content .summ-term-round .summ-term{ width:260px;}
.summ-content .summ-term-round .summ-round{ flex:1;}
.summ-content .horizontal-line { padding-bottom:1rem;margin-bottom:1rem; border-bottom:1px solid silver; }
.summ-content { }
.summ-content .eq-list-item{ display:flex; flex-wrap:nowrap; align-items:center; margin-bottom:5px; font-size:0.9rem; }
.summ-content .eq-list-item .photo{ padding-right:5px; }
.summ-content .eq-list-item .title{ flex:1; font-weight:bold; }
.summ-content .eq-list-item .title span.subtitle{ display:block; font-weight:normal; }
.summ-content .eq-list-item .price-term{ width:200px; }
.summ-content .eq-list-item .count{ width:100px; text-align:center; }
.summ-content .eq-list-item .price{ width:100px; text-align:right; font-weight:bold; }

.summ-content .summ-price {  }
.summ-content .summ-price .summ-price-content{ display:flex; flex-wrap:nowrap; }
.summ-content .summ-price .summ-price-content .title{ font-weight:bold; flex:1; text-align:right; }
.summ-content .summ-price .summ-price-content .content{ width:250px; text-align:right; }
.summ-content .summ-price .summ-price-content .content .price{ font-weight:bold; font-size:1.2em; display:block; }
.summ-content .summ-price .summ-price-content .content .pricewithoutvat{ font-weight:normal; display:block; }

.what-next { padding-top:2em; }
.what-next-list{ display:flex; flex-wrap:nowrap; justify-content:center; }
.what-next-list .next-item{ width:200px; text-align:center; margin:20px 20px;  }
.what-next-list .next-item-content { border:1px solid #f3dcd7; border-radius:10px; padding:30px; }
.what-next-list .next-item .circle-number{ width:60px; height:60px; border:1px solid #c63d1a; color:#c63d1a; text-align:center; line-height:60px; font-weight:bold;
                                           border-radius:50%; margin:auto; margin-bottom:15px;
}
.what-next-list .next-item .content{ font-size:0.9em; line-height:1.3; font-weight:bold; }

.circle-ico{     width: 60px;
    height: 60px;
    border: 1px solid #c63d1a;
    color: #c63d1a;
    text-align: center;
    line-height: 60px;
    font-weight: bold;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 15px;
    position:relative;
}
.circle-ico i{ display:block; position:absolute; width:30px; height:30px; left:15px; top:12px; margin:auto;
}

.questions { }
.questions .questions-box{ border:1px solid gray; padding:30px; border-radius:10px; display:table; margin:30px auto; }
.questions .questions-box .box-content{ display:flex; flex-wrap:nowrap; align-items:center; }
.questions .questions-box .box-content .img{ width:100px; }
.questions .questions-box .box-content .img .circle-ico{ border:none; background-color:#858fb6; margin:auto auto auto 0; }
.questions .questions-box .box-content .img .circle-ico .ico{ fill:white; }
.questions .questions-box .box-content .content{ }
.questions .questions-box .box-content .content .title{ font-weight:bold; }
.questions .questions-box .box-content .content .text{ }

#semaforContent { }
    #semaforContent .semaforTable .eq-name { display:block; text-align:center; font-weight:bold; margin:1rem 0; }
    #semaforContent .semaforTable .eq-content { display:flex; justify-content:center; flex-wrap:wrap; }
    #semaforContent .semaforTable .eq-content .field { min-width:50px; margin-top:0.5rem; }
    #semaforContent .semaforTable .eq-content .field .date { font-weight:bold; text-align:center; padding:0 10px; }
    #semaforContent .semaforTable .eq-content .field .available { position:relative; display:flex;  justify-content:center; vertical-align:middle; }
    #semaforContent .semaforTable .eq-content .field .available .semafor { margin:auto; width:20px; height:20px; position:static; top:0; }
#semaforCloseBtnHolder { margin-top:2rem; }
#semaforWnd_wnd_title { text-align:center; }


@media screen and (max-width: 1220px) {
    .order-term .order-term-content .label-box-date .k-datepicker{ max-width:100%; }
    .summ-content .eq-list-item .price-term { width:100px; }
}

@media screen and (max-width: 1100px) {
    .order-payclient-summary { flex-wrap:wrap; }
    .order-payclient-summary .order-payclient { width:100%; padding-right:0; }
}

@media screen and (max-width: 1000px) {
    .order-term .order-term-content .label-box-date .k-datepicker{ max-width:100%; }
    .order-equipment-list .eq-row { flex-wrap:wrap; box-sizing:border-box; }
    .order-equipment-list .eq-row .eq-img { width:150px; }
    .order-equipment-list .eq-row .eq-availability { width:160px; }
    .order-equipment-list .eq-row .eq-type { width:calc(100% - 310px); }
    .order-equipment-list .eq-row .eq-price-term { width:150px; text-align:right; }
    .order-equipment-list .eq-row .eq-count { width:170px; }
    .order-equipment-list .eq-row .eq-price { width:calc(100% - 320px); text-align:left; }
}

@media screen and (max-width: 976px) {
    table.table-half tr{ display:flex; flex-wrap:wrap; }
    table.table-half tr td{ width:100%; }
    .order-form .order-steps .order-step a { font-size:140%; }
    .order-term-roud-content { flex-wrap:wrap; }
    .order-term { width:100%; max-width:600px; margin-bottom:2em; }
    .order-roud { width:100%; }
    .service-type-content .flex { flex-wrap:wrap; }
    .order-services .express-drive { padding-left:0; padding-top:0; }
    .order-services .wander-drive-content, .order-services .express-drive-content { padding-left: 25px;
    padding-bottom: 30px; }
    .order-services .service-insurance { width:100%; max-width:none; }
    .order-accessories-discount-content .flex{ flex-wrap:wrap; }
    .discount-student, .discount-loyal { width:100%; }
    .discount-loyal { padding-left:0; }
    .discount-multisport, .discount-skaut { width:100%; }
    .order-summary .order-summary-content { flex-wrap:wrap; }
    .order-summary .order-summary-content .summary-type { width:100%; }
        .order-summary .order-summary-content .summary-type:last-child { padding-left:0; }
}

@media screen and (max-width: 840px) {
    .order-client-summary .order-client-summary-content { flex-wrap:wrap; }
    .order-client-summary .order-client-summary-content .order-client, .order-client-summary .order-client-summary-content .order-summary { width:100%; }
}

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

    .order-form .order-steps .order-step .step-title { font-size:1.2rem; }
    .order-term { max-width:none; }
    .order-term .order-term-content .label-box-date .k-datepicker { width:100%; }
    .what-next-list .next-item-content { padding:15px; }
    .summ-content .eq-list-item { flex-wrap:wrap; margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px dotted silver; }
    .summ-content .eq-list-item:last-child { border-bottom:none; }
    .summ-content .eq-list-item .title { width:calc(100% - 120px); flex:none; }
    .summ-content .summ-term-round { flex-wrap:wrap; }
    .summ-content .summ-term-round .summ-term { width:100%; margin-bottom:1rem; }
    .summ-services-list .eq-list-item{ border:none; margin-bottom:0; padding-bottom:0; }
    
}

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

    .order-form .order-steps .order-step .step-title { font-size:1rem; }
    
}

@media screen and (max-width: 550px) {
    h1.check-circle i { display:block; position:relative; margin:auto; }
    h1.check-circle { padding-left:0; }
    .order-successful .header-title-single p { padding-left:0; }
    .what-next-list { flex-wrap:wrap; }
}

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

    .header-title { flex-wrap:wrap; }
    .header-title .header-title-ddlist { padding-top:0; }
        .header-title h1 { display:block; width:100%; }
    .order-form .order-steps .order-step .step-title { display:block; font-size:1rem; }
    .order-roud .order-round-content { flex-wrap:wrap; }
    .order-roud .order-round-content .label-box-ddl { margin:0; width:100%; }
    .order-roud .order-round-content .label-box-ddl:last-child { margin-top:1rem; }
    .order-equipment-list .eq-row .eq-img { width:100px; }
    .order-equipment-list .eq-row .eq-type { width:calc(100% - 100px); }
    .order-equipment-list .eq-row .eq-availability { width:50%; }
    .order-equipment-list .eq-row .eq-price-term { width:50%; }
    .order-equipment-list .eq-row .eq-price { width:auto; flex:1; }
    .warning-accessories { width:calc(100% - 80px); }
    .checkbox-big label { font-size:1rem; }
    .order-services .wander-drive-content .wander-drive-calc,.order-services .express-drive .wander-drive-calc { flex-wrap:wrap; }
    .order-services .wander-drive-content .wander-drive-calc .w-item.count,.order-services .express-drive .wander-drive-calc .w-item.count { width:100%; padding-bottom:0.5rem; }
    .order-services .wander-drive-content .wander-drive-calc .w-item.price-suma,.order-services .express-drive .wander-drive-calc .w-item.price-suma { font-weight:bold; }
    .student-list-edit .student-row { flex-wrap:wrap; }
    .student-list-edit .student-row .item.butt { padding-top:0.5rem; }
    .discount-loyal .check-email .item input.button { margin-top:0.5rem; }
    .summary-type .next-page .button { max-width:100%; white-space:break-spaces; height:auto; line-height:1.6; padding-top:20px; padding-bottom:20px; }
    .order-client-summary .order-client-summary-content .order-client { padding-right:0; }
    .order-client .label-box-text { flex-wrap:wrap; }
    .order-client .label-box-text .label-box { width:100%; margin:0; padding:0; text-align:left; }
    .order-client .label-box-text .content-box { width:100%; }
    .order-client .checkbox { margin-left:0; }
    .order-client #CommentOrder { padding-left:0; }
    .questions .questions-box { padding:15px; }
    .questions .questions-box .box-content { flex-wrap:wrap; }
    .questions .questions-box .box-content .img{ margin:auto; text-align:center; width:60px; margin-bottom:1rem; }
    .questions .questions-box .box-content .content { text-align:center; }
    .order-payclient-summary .order-summary { flex:none; width:100%; }
    .what-next-list .next-item { margin:0; margin-bottom:1rem; width:100%; }
}

@media screen and (max-width: 350px) {
    .order-form .order-steps .order-step .step-title { line-height:1.4; padding-top:10px; font-size:1.3rem; }
    .order-term .order-term-content { flex-wrap:wrap; }
    .order-term .order-term-content .label-box-date { width:100%; margin:0; }
    .order-term .order-term-content .label-box-date:last-child { margin-top:0.5rem; }
    .order-equipment-list .eq-row .eq-img { width:100%; }
    .order-equipment-list .eq-row .eq-type { width:100%; }

}