.container
{
	padding: 0px 15px 10vh;
}
.dostavkaslide {margin-bottom: 70px;}     
#deliveryCity {font-size: 16px; color: #000; width: 100%; display: flex; align-items: center;}
    #deliveryCity b {font-weight: 600; margin-right: 5px;}
    #deliveryCity a {font-size: 16px; color: #000; font-weight: 300; text-decoration: none; transition: 0.3s ease-out all;}
        #deliveryCity a span { display: inline-flex; border-bottom: 1px #000 solid; padding-bottom: 2px;}
        #deliveryCity a:hover span {color: #3cb8b4; border-bottom: 1px solid #3cb8b4;}
        #deliveryCity a:hover i {color: #3cb8b4; }
    #deliveryCity i {font-size: 16px; color: #000; font-weight: normal; }
            
.mb-20 {margin-bottom: 20px;}            
.mb-40 {margin-bottom: 40px;}            
      
      
.radio_delivery { position: relative; display: flex; cursor: pointer;}
    .radio_delivery:before { display: inline-block; border: 1px solid #3cb8b4; border-radius: 50%; width: 19px; height: 19px; margin-right: 10px; position: relative; content: " "; cursor: pointer;}
    .radio_delivery.checked:after{ display: inline-block; border: 1px solid #3cb8b4; background:#3cb8b4; border-radius: 50%; width: 13px; height: 13px; position: absolute; left: 3px; top: 3px; content: " "; cursor: pointer;}
    .radio_delivery:after { display: none;}
    a.dashed,a.dashed:hover {border-bottom: 1px #000 dashed; text-decoration: none; color:#000;}
.delivery-table {
    width: 100%;
    border: 1px solid #3cb8b4; 
    border-radius: 16px; 
    box-shadow: 0px 5px 22px 8px rgb(65, 183, 170, 0.15);
    align-items: start;
    display: grid;
    margin-bottom: 25px;
}                
    .delivery-table .col {align-items: center; border-right: 1px solid #3cb8b4; height: 100%;/* padding-top: 15px; padding-bottom: 15px;*/}
    .delivery-table .col:last-child {border-right: none; }
    .delivery-table .col .delivery-thead-col {font-size: 16px; font-weight: 700; padding: 10px 0; align-items: center; text-align: left; min-height: auto;}
    
    .delivery-tr-col {font-size: 16px; font-weight: 300; min-height: 40px; padding: 10px 10px; align-items: center; text-align: left; display: block; justify-content: start;}   
    .delivery-tr-col ul {margin: 0 0 0 5px; padding: 0; text-align: left;}     
        .delivery-tr-col ul li {margin: 0; line-height: 150%;}     
            .delivery-tr-col ul li ul {margin: 0 0 0 10px;}     
            .delivery-tr-col ul li ul li {margin: 0; line-height: 150%;}     
        
        .luara-tabs {width: 100%;}
        .nav-pills.luara-tabs>li {margin-left: 0px; width: 33.33%; margin-bottom: 0;}
        .nav-pills.luara-tabs>li:nth-child(2){border-left: 2px #fff solid; border-right: 2px #fff solid;}
        .nav.luara-tabs>li>a {padding: 10px 0; font-family: 'Latoweb', 'Roboto', sans-serif;}
        .nav-pills.luara-tabs>li,.nav-pills.luara-tabs>li>a{background: #e7e7e7; border-radius: 7px 7px 0 0; font-size: 12px; text-transform: none; font-weight: normal;} 
        .nav-pills.luara-tabs>li.active>a, .nav-pills.luara-tabs>li.active>a:focus, .nav-pills.luara-tabs>li.active>a:hover {background: #00bbb4; border-radius: 7px 7px 0 0; font-size: 12px; text-transform: none; font-weight: normal; color:#fff !important;} 
            .nav-pills.luara-tabs>li>a i {color:#000; font-size:15px; margin-right: 4px;}       
            .nav-pills.luara-tabs>li.active>a i {color:#fff;}       
        .tab-content.luara-tab-content {border: 1px #80d8d0 solid; background:#fff; padding: 15px; border-radius: 0 0 15px 15px;}  
            
    .typePay {display: block; margin-bottom: 8px;}
        .typePay span {display: flex; align-items: center; font-size: 15px;}
        .typePay i {display: block; margin-right: 7px; width: 20px; height: 6px;}
        .typePay#pay-1 i {background: url('../images/delivery/credit_pay.png') no-repeat center center; width: 70px; height: 40px;}
        .typePay#pay-2 i {background: url('../images/delivery/sbp.png') no-repeat center center; width: 70px; height: 40px;}
        .typePay#pay-3 i {background: url('../images/delivery/halva.png') no-repeat center center; width: 70px; height: 40px;}
        .typePay#pay-4 i {background: url('../images/delivery/tinkoff.png') no-repeat center center; width: 70px; height: 40px;}
        .typePay#pay-5 i {background: url('../images/delivery/yapay.png') no-repeat center center; width: 70px; height: 40px;}
            
.icnDelivery {font-size: 14px; color:#000; line-height: 145%; text-align: center; justify-content: center;}
    .icnDelivery#freeDelivery:before {display: flex; width: 90px; height: 90px; margin: 0 auto 10px; content: " "; background: url('../images/delivery/free-delivery.png') no-repeat center center; background-size: contain;}
    .icnDelivery#fittingDelivery:before {display: flex; width: 90px; height: 90px; margin: 0 auto 10px; content: " "; background: url('../images/delivery/fitting.png') no-repeat center center; background-size: contain;}
    .icnDelivery#ringsDelivery:before {display: flex; width: 90px; height: 90px; margin: 0 auto 10px; content: " "; background: url('../images/delivery/rings.png') no-repeat center center; background-size: contain;}
    .icnDelivery#cashDelivery:before {display: flex; width: 90px; height: 90px; margin: 0 auto 10px; content: " "; background: url('../images/delivery/cash.png') no-repeat center center; background-size: contain;}
    .icnDelivery#garanteeDelivery:before {display: flex; width: 90px; height: 90px; margin: 0 auto 10px; content: " "; background: url('../images/delivery/garantee.png') no-repeat center center; background-size: contain;}
    .icnDelivery#courierDelivery:before {display: flex; width: 90px; height: 90px; margin: 0 auto 10px; content: " "; background: url('../images/delivery/geo.png') no-repeat center center; background-size: contain;}


.collapse
{
	display: none;
}
.collapse.in
{
	display: block;
}
#accordionPayment {width: 100%;}
    #accordionPayment .panel-heading {padding: 0px 15px;}     
    #accordionPayment .panel.panel-default {position: relative; border: none; background: none; border-radius: 0; box-shadow: none; margin-bottom: 25px;}
    
    #accordionPayment .panel-default .panel-box .panel-heading {background: none; min-height: 70px; width: 100%; border: none; border-radius: 0; display: grid; align-items: center;}
    #accordionPayment .panel-default .panel-box .panel-body {border: none; border-radius: 0; padding: 15px;}
    #accordionPayment .panel-box {background: none; border: 1px solid #3cb8b4; box-shadow: 0px 5px 22px 8px rgb(65, 183, 170, 0.15); border-radius: 16px; min-height: 70px; width: 100%;}
        #accordionPayment .panel-title {font-size: 21px; color: #000; font-weight: 300;}
        #accordionPayment .panel-title a, #accordionPayment .panel-title a:hover, #accordionPayment .panel-title a:focus, #accordionPayment .panel-title a:active {text-decoration: none; color: #000 !important; display: inline-flex; align-items: center;}
        #accordionPayment .panel-title a:before, #accordionPayment .panel-title a[aria-expanded="true"]:before {font: normal normal normal 34px/1 FontAwesome; line-height: 18px; color: #000; font-weight: 300; content: "\f106"; margin-right: 20px;}
        #accordionPayment .panel-title a[aria-expanded="false"]:before {font: normal normal normal 34px/1 FontAwesome; line-height: 18px; color: #000; font-weight: 300; content: "\f107"; margin-right: 20px;}     
    
    
   .column {display: flex; align-items: center; margin-bottom: 20px;}  
    .column .number {color:#00BACA; font-weight: 600; font-size: 27px; margin-right: 10px;}  
    .column-flex {font-size: 13px; display: flex; margin-bottom: 20px;}  
    .column-flex .number {color:#00BACA; font-weight: 600; font-size: 27px; margin: 0 20px 0 0; display: block;}  
    
    .attention {color:#00BACA; font-weight: 600; font-size: 14px; line-height: 120%; position: relative; padding-left: 20px; background: url("../images/delivery/attention.png") no-repeat left center; background-size: auto;margin:10px 0px;}
    
    
.cdekInfo {border: 1px solid #3cb8b4; box-shadow: 0px 5px 22px 8px rgb(65, 183, 170, 0.15); border-radius: 16px; display: flex; overflow: hidden; max-height: 500px;}
    #delivery_map_list {display: none;}
    #delivery_map {height: 200px; width: 100%;}
    
.selectBox {position: relative; margin-bottom: 15px;}
#clear-data-region {
  position: absolute;
  display: flex;
  right: 13px;
  top: 50%;
  background: #efefef;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  margin-top: -12px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
    #clear-data-region a {
      background-image: url(/local/templates/luara_512/images/svg/close.svg);
      width: 15px;
      height: 15px;
      display: block;
      text-decoration: none;
    }
          
/*Autocomplete*/
.ui-menu {list-style: none; padding: 1px 0; margin: 0; display: block; outline: 0;}
.ui-autocomplete {display: block !important; max-height: 250px; padding: 2px; overflow-y: hidden; overflow-x: hidden; z-index: 100000 !important; background: #fff; border: none; font-size: 16px;} 
    .ui-menu .ui-menu-item {background-color: #fff; color: #000;}
    .ui-menu .ui-menu-item-wrapper { position: relative; border: none; font-size: 16px !important; padding: 10px 15px !important;}
    .ui-menu .ui-menu-item:hover, .ui-menu .ui-menu-item:active {background-color: none; border: none;}
    .ui-menu-item .ui-menu-item-wrapper.ui-state-active {background-color: #efefef; border: none; color: #000; } 

    .ui-menu .ui-menu-item-wrapper:hover,.ui-menu .ui-menu-item-wrapper:focus,.ui-menu .ui-menu-item-wrapper:active { background:#efefef; border: none; padding: 10px 15px; color: #000;}
    .ui-widget.ui-widget-content { border: none; border-radius: 16px; box-shadow: 0px 5px 5px 5px rgb(0, 0, 0, 0.015);}
                       

.cities-popup-link {cursor: pointer;}
.cities-popup-link:hover {cursor: pointer; text-decoration: underline;}
    
#modalCity {margin: auto;}                     
    #modalCity .modal-content {background: #fff; border: 1px solid #3cb8b4; border-radius: 16px; width: 560px; margin: auto;} 
    #modalCity .modal-header {border-bottom: none;} 
    #modalCity .modal-header .close { font-size: 34px; color: #333; opacity: 0.7; font-weight: 100;} 
    #modalCity #regionChange {border: 1px solid #3cb8b4; border-radius: 10px; padding: 15px 20px; color:#232323; font-size: 18px; width: 100%;} 
    
    #modalCity ul.lisstShops {flex: 1 0 0; column-count: 2; list-style: none; padding: 0 15px;} 
        #modalCity ul.lisstShops li {font-size: 17px; line-height: 180%;} 
            #modalCity ul.lisstShops li i {font-size: 15px; color:#7c7b7b;}
        

#deliveryCity>.cartRegion { display: block; position: relative; color: #777875; font-weight: 300; font-size: 14px; font-family: 'Latoweb', 'Roboto', sans-serif;}
#deliveryCity #nameCityUser.no-textdecoration {border-bottom: none; font-size: 18px; color: #000; font-weight: 600;}
    
@media (min-width: 768px){
                                                                                                                                                                          
  .column-flex {font-size: 13px; display: block; margin-bottom: 20px;}  
    .column-flex .number {color:#00BACA; font-weight: 600; font-size: 27px;  margin: 0 0 10px 0; display: block;}    
}

@media (min-width: 992px){  
    
    .radio_delivery,.radio_delivery:before,.radio_delivery.checked:after,.radio_delivery:after { display: none;}
    
    #deliveryCity {font-size: 24px; color: #000; width: 100%; display: flex; align-items: center;}
        #deliveryCity b {font-weight: 600; margin-right: 5px;}
        #deliveryCity a {font-size: 24px; color: #000; font-weight: 300; text-decoration: none; transition: 0.3s ease-out all;}
            #deliveryCity a span { display: inline-flex; border-bottom: 1px #000 solid; padding-bottom: 2px;}
            #deliveryCity a:hover span {color: #3cb8b4; border-bottom: 1px solid #3cb8b4;}
            #deliveryCity a:hover i {color: #3cb8b4; }
        #deliveryCity i {font-size: 24px; color: #000; font-weight: normal; }
        
    .delivery-table .col .delivery-thead-col {font-size: 16px; font-weight: 700; padding: 20px 0; align-items: center; text-align: center; min-height: 40px;}
    
    .delivery-tr-col {font-size: 13px; font-weight: 300; min-height: 60px; padding: 10px 20px; align-items: center; text-align: center; display: flex; justify-content: center;}  
}
    
@media (min-width: 1200px){    
    .delivery-table {font-size: 16px; line-height: 1.25; display: flex; padding: 0;}   
    
    #accordionPayment .panel.panel-default {position: relative; padding-left: 140px; border: none; background: none; border-radius: 0; box-shadow: none; margin-bottom: 45px;}  
  
    #accordionPayment .panel-default .panel-box .panel-body.pdLeft {padding-left: 60px;}
    #accordionPayment .panel.panel-default {margin-bottom: 45px;}
    #accordionPayment .panel.panel-default:before {position: absolute; left: 0; top: 0;}
        #accordionPayment .panel.panel-default#cashPay:before {display: flex; width: 90px; height: 90px; margin: 0 30px 0 25px; content: " "; background: url('../images/delivery/payment_2.png') center center no-repeat; background-size: contain;}
        #accordionPayment .panel.panel-default#buyPay:before {display: flex; width: 90px; height: 90px; margin: 0 30px 0 25px; content: " "; background: url('../images/delivery/buy.png') center center no-repeat; background-size: contain;}
        #accordionPayment .panel.panel-default#bankPay:before {display: flex; width: 90px; height: 90px; margin: 0 30px 0 25px; content: " "; background: url('../images/delivery/bank.png') center center no-repeat; background-size: contain;}
        #accordionPayment .panel.panel-default#bankPay:before {display: flex; width: 90px; height: 90px; margin: 0 30px 0 25px; content: " "; background: url('../images/delivery/bank.png') center center no-repeat; background-size: contain;}
        #accordionPayment .panel.panel-default#bonusPay:before {display: flex; width: 90px; height: 90px; margin: 0 30px 0 25px; content: " "; background: url('../images/delivery/bonus.png') center center no-repeat; background-size: contain;}
    
    #accordionPayment .panel-title { font-size: 24px; color: #000; font-weight: 300;}
                                                                                                                                                                           
  .column-flex {font-size: 13px; display: block; margin-bottom: 0;}  
    .column-flex .number {color:#00BACA; font-weight: 600; font-size: 27px;  margin: 0 0 10px 0; display: block;}    
    
  #delivery_map_list {background: #fff; padding: 20px 0 0 0; color:#000; width: 25%; display: block; overflow-y: scroll; max-height: 400px; height: 100%; -ms-overflow-style: none; scrollbar-width: none; position: static;}
    #delivery_map_list button {background: none; border: none; padding: 8px 10px 5px 10px; text-align: left; justify-content: start; line-height: 150%; width: 100%; border-bottom: 1px #e6e6e6 solid; position: relative; z-index:1000;}
    #delivery_map_list button.active {background: #f5f5f5;}
        #delivery_map_list button span {display: flex; align-items: start;}
        #delivery_map_list button span i {margin: 4px 5px 0 0; color: #797979; font-size: 13px; display: flex; width: 20px; align-items: center; text-align: center;}
            #delivery_map_list button span.name_office {margin-bottom: 3px; color: #0009; font-size: 13px; font-weight: 400;}
            #delivery_map_list button span.address_office { margin-bottom: 3px; color: #000; font-size: 14px; font-weight: 400; line-height: 22px;}
            #delivery_map_list button span.worktime { margin-bottom: 3px; color: #000; font-size: 14px; font-weight: 400; line-height: 22px;}
        
   
   #delivery_map_list *:not([role=grid])::-webkit-scrollbar {display: none;}
   div::-webkit-scrollbar, ul::-webkit-scrollbar {width: 7px;}
   div::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb { background: #3cb8b4; border-radius: 5px;}
    #delivery_map {height: 400px; width: 75%;}
}

@media (min-width: 1440px)
{
	.delivery-tr-col
	{
		font-size: 1rem;		
	}
}
   
/*MODAL*/
.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}
@media (min-width: 576px){
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}
/*MODAL*/
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
}
.modal-header .close {
  margin-top:-2px
}
button.close {
  -webkit-appearance:none;
  padding:0;
  cursor:pointer;
  background:0 0;
  border:0
}
.close {
  float:right;
  font-size:21px;
  font-weight:700;
  line-height:1;
  color:#000;
  text-shadow:0 1px 0 #fff;
  filter:alpha(opacity=20);
  opacity:.2
}
.close:focus,
.close:hover {
  color:#000;
  text-decoration:none;
  cursor:pointer;
  filter:alpha(opacity=50);
  opacity:.5
}
.modal-header {
  min-height:16.43px;
  padding:15px;
  border-bottom:1px solid #e5e5e5
}
.modal-body {
  position: relative;
  padding: 15px;
}
.fade {
  opacity:0;
  -webkit-transition:opacity .15s linear;
  -o-transition:opacity .15s linear;
  transition:opacity .15s linear
}
.modal-backdrop {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:2;
  background-color:#000;
  display:none;      
}
.modal-backdrop.fade {
  filter:alpha(opacity=0);
  opacity:0
}
.modal-backdrop.in {
  filter:alpha(opacity=50);
  opacity:.5
}

.nav>li>a {
    font-family: Segoe UI;
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 0px;
    color:#000;
    background-color: #fff;
    font-weight: bold;
    height:100%;
    display: block;
    width: 100%;
    /*    display: flex;
        align-content: center;*/
}
.form_wrap .nav>li {

    /*margin-right: 20px;*/
    border:1px solid #cdcdcd;
    width:235px;
    display: flex;
    text-align: center;
    align-items: center;
    /*    flex-grow:1;*/
}
.nav-pills>li{
    display: flex;
    text-align: center;
    align-items: center;
}


.nav-pills>li.active{
    display: flex;
    text-align: center;
    align-items: center;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    /*box-shadow: 3px 2px 1px 1px rgba(0, 0, 0, .5);*/
    background-color: #80d8d0;
    color:#000 !important;
    height:100%;
    width:100%;
    /*    display: flex;*/
    text-align: center;
    align-items: center;
}

.nav-pills>li>a:hover{
    color:#000 !important; 
}

#form_tab_content{
    display:none;
}

.tab-content #alx_feed_back_FID1 .afbf_feedback_poles .afbf_btn, 
.tab-content #alx_feed_back_FID2  .afbf_feedback_poles .afbf_btn,
.tab-content #alx_feed_back_FID3  .afbf_feedback_poles .afbf_btn
{
    box-shadow: 3px 2px 1px 1px rgba(0, 0, 0, .5)  !important; 
    border:1px solid #81aba8 !important;
    font-family: Segoe UI  !important;
    text-transform: uppercase  !important;
    font-size: 18px  !important;
    color:#009688  !important;
    background-color: #fff !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 0;
    font-weight: bold;
}
.tab-content #alx_feed_back_FID1 .afbf_feedback_poles .afbf_btn:hover, 
.tab-content #alx_feed_back_FID2  .afbf_feedback_poles .afbf_btn:hover,
.tab-content #alx_feed_back_FID3  .afbf_feedback_poles .afbf_btn:hover {
    color: #000 !important;
    background: #eee !important;
}




.afbf_item_pole {
    margin: 10px 0px 10px !important; 
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.afbf_item_pole .afbf_name {
    min-width: 150px;
    font-weight: bold;
}
.afbf_inputtext_bg{
    flex-grow:1;
}
.form_wrap .afbf_item_pole.error_pole .afbf_error_text, .afbf_item_pole.error_fpole .afbf_error_ftext{
    width:100%;
    text-align: right !important;
}

.afbf_item_pole .afbf_select, .afbf_item_pole .afbf_textarea, .afbf_item_pole .afbf_inputtext {
    border: 1px solid #81aba8 !important;
}


.tab-content{
    background-color: #80d8d0;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-top: 30px;
}
.afbf_inputtext{
    border:1px solid #000 !important;
}
.afbf_textarea{
    border:1px solid #000 !important; 
}
.afbf_name{
    color:#000;
}
.form_wrap .nav-pills{
    margin-top: 40px;
    margin-bottom: 20px;
    display:flex;
    justify-content: space-between;

}
.form_wrap .nav-pills>li {
    float: none;

}
    .form_wrap .nav>li>a{
        font-size: 13px;
        display: flex;
        text-align: center;
        align-items: center;
        align-content: center;
    }
    .form_wrap .nav>li>a span{   
        display: block; width: 100%; text-align: center;
    }
.nav-pills>li {
    float: left;
}
.nav>li {
    position: relative;
}
.d-none {
    display: none !important;
}
@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
}
.luara-tabs.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav:after{
    clear: both;
    display: table;
    content: " ";    
}
.tab-content>.active {
    display: block !important;
}
.fade.in {
    opacity: 1;
}
.tab-content>.tab-pane {
    display: none;
}
@media (min-width: 1200px) {
    .d-xl-block {
        display: block !important;
    }
}