/* Start:/local/components/lo/appointment/templates/.default/style.css?172724707017601*/
/* .ppRezervOpen{ background: #E1E4E6; height: 50px; font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; text-align: center; text-transform: uppercase; color: #37474F; margin:30px auto; float:left; opacity:1; line-height:50px; border-radius:25px; cursor:pointer; padding:0 20px;} */
.ppRezerv{position:fixed;width:1100px;height:80%;left:50%;top:10%; margin-left:-550px; z-index:99999;background:white; overflow:hidden; display:none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.ppRezerv .steps{ margin-top:85px; height: calc(100% - 185px); overflow:auto; margin-right:10px;}
.ppRezerv .ppRezervStep4{ height: calc(100% - 185px);}
.ppRezerv .ppRezervCloseStyle{position: absolute;width: 20px;height: 20px;right: 20px;top: 33px;cursor:pointer; z-index:2;}
.ppRezerv .ppRezervCloseStyle:before, .ppRezervCloseStyle:after {content: '';width: 24px;height: 2px;border-radius: 1px;background-color: #95A0A6;position: absolute;top: 50%;margin-top: -0.5px;left: 50%;margin-left: -12px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.3s;transition: all 0.3s;}
.ppRezerv .ppRezervCloseStyle:after {transform: rotate(45deg);}

.colorGreen{ color:#0DAC49; } 

.ppRezervBack_{ position:absolute; top:32px; left:26px; z-index:2; display:none; }

.backArrow, .nextArrow { padding:10px 0; cursor:pointer; }
.backArrow div, .nextArrow div { width:22px; height:2px; background: #95A0A6; position:relative; border-radius:1px; }

.backArrow div:before, .backArrow div:after {content: '';width: 10px;height: 2px;border-radius: 1px;background-color: #95A0A6;position: absolute; top: 0;margin-top: -3px; left:-2px; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.backArrow div:after {transform: rotate(45deg); margin-top:3px;}

.backArrow:hover div, .backArrow:hover div:after, .backArrow:hover div:before, .nextArrow:hover div, .nextArrow:hover div:after, .nextArrow:hover div:before{background-color:#0DAC49;}

.nextArrow div:before, .nextArrow div:after {content: '';width: 10px;height: 2px;border-radius: 1px;background-color: #95A0A6;position: absolute; top: 0;margin-top: 3px; right:-2px; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.nextArrow div:after {transform: rotate(45deg); margin-top:-3px;}

.noActiveArrow{ cursor:default; }
.noActiveArrow div, .noActiveArrow div:before, .noActiveArrow div:after{ background-color:#E1E4E6; cursor:default;}
.noActiveArrow:hover div, .noActiveArrow:hover div:before, .noActiveArrow:hover div:after{ background-color:#E1E4E6 }

.weekNavigator{margin:20px 26px; height:22px;}
.weekDate{font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px;letter-spacing: 0.1em;text-transform: uppercase;}

.weekNavigator .nextArrow, .weekNavigator .backArrow{ float:left; margin-right:25px; }


.h1title, .overPP h1{ font-style: normal;font-weight: 500;font-size: 20px;line-height: 24px;align-items: center;letter-spacing: 0.1em;text-transform: uppercase; border-bottom: 1px solid #F5F2F7; padding-top:35px; text-align:center; padding-bottom:25px; position:absolute; background:white; top:0; left:0; right:0; z-index:1;}

@media (max-width: 1200px){
	.appointment .h1title{ font-size: 15px; padding-top:20px;  padding-bottom:10px; }
	.ppRezerv .steps { margin-top: 35px;}
}
.ppRezerv .steps .centerblock {width: 50%;height: 50px;margin:30px auto 0 auto;}
.ppRezerv .steps .centerblock .ppRezervCityBlock{width: 35%; float:left;}
.ppRezerv .steps .centerblock .ppRezervSearchBlock{float: right; width: 60%;position: relative;}

.h2title{font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; align-items: center; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; margin:30px 0 20px 0; }

.ppRezervOpticBlock{width:50%; background: #FFFFFF; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); border-radius: 10px; margin:0 auto 10px auto; position: relative; padding-right: 40px;}
.ppRezervOpticBlockActive {box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);}
.ppRezervOpticBlock label{width:100%;}
.ppRezervOpticBlock .block{padding:15px 15px 15px 50px; position:relative;}
.ppRezervOpticBlock .addresTel{font-style: normal;font-weight: 600;font-size: 12px;line-height: 15px;align-items: center;text-transform: uppercase;}
.ppRezervOpticBlock .time{font-style: normal;font-weight: 500;font-size: 12px;line-height: 15px;align-items: center;}
.ppRezervOpticBlock .radio{ position:absolute; top:15px; left:15px; }
.ppRezervOpticBlock .radio input{ width:20px; height:20px;}

.ppRezervOpticBlock i{ position: absolute; right: 15px; top: 15px; font-size: 20px; color: #95A0A6; }
.ppRezervOpticBlock i span { display: none; }

.steps{ display:none; }
.ppRezervStep1{ display:block; }
.search-bt{ cursor:default!important; }

.ppRezerv .footer { width:100%; height:100px; background:#F5F2F7; }
.ppRezerv .footerBlock { width:50%; margin:0 auto; padding-top:25px;}
.ppRezerv .footerBlock .button { width: 150px; height: 50px; background: #E1E4E6; border-radius: 25px; float:right; text-align:center; line-height:50px;font-style: normal; font-weight: 600; font-size: 12px; cursor:default;}
.ppRezerv .footerBlock .button:hover{ background:#37474F; color:white;}
.ppRezerv .footerBlock .buttonActive { width: 150px; height: 50px; background: #0DAC49; border-radius: 25px; float:right; text-align:center; line-height:50px;font-style: normal; font-weight: 600; font-size: 12px; cursor:pointer; color:white;}
.ppRezerv .footerBlock .buttonActive:hover { background: #097833;}
.rezError{ color:#0DAC49; font-size:16px; text-align:center!important;}

.ppRezerv .steps .centerblock .ppRezervDocBlock{width: 100%;}

.divCheck{ background: #FFFFFF; height: 60px; width:100%;box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); border-radius: 40px; margin-bottom:10px; position:relative; }
.divCheckActive { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); }
.divCheck label{ width:100%; height:100%; line-height:60px;}
.divCheck label input { width:16px; height:16px; margin:0 12px 0 22px; }
.divCheck i{ position: absolute; right:34px; top:15px; font-size:20px; color:#95A0A6; }
.divCheck i span{ display:none;}

.tableBlock{ padding:0 26px; }
.intask-main thead{ border-bottom: 1px solid #F5F2F7; margin-bottom:10px; padding-right:20px;background:white; }
.intask-main thead th{text-align:left; width:14%;padding:10px 0;}
.intask-main th .weekDayDate{font-style: normal; font-weight: 600; font-size: 10px; line-height: 15px; text-transform: uppercase; text-align:left;}
.intask-main th .weekDay{ font-style: normal; font-weight: 500; font-size: 12px; line-height: 15px;}
.intask-main .notreserved .timeinfo, .intask-main .reserved .registerClient, .intask-main .reserved .reservedUserTime{ padding:10px 0; background:#E1E4E6; margin-right:20px; margin-bottom:5px; border-radius:3px; color:#95A0A6;font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px;  text-align: center;text-transform: uppercase; position:relative; }
.intask-main tbody tr:first-child td .timeinfo{ margin-top:10px; }
.intask-main tbody tr .intask-cell { position:relative;}

.intask-main .reserved .registerClient { cursor:pointer; color:white; background:#0dac49;}
.intask-main .reserved .registerClientSelect { cursor:pointer; color:white; background:#de651f;}

.intask-main .reserved .reservedUserTime { cursor:default; color:#95A0A6; background:#E1E4E6;}

.registerClientSelect .close{position: absolute;width: 10px;height: 10px;right: 5px;top: 5px;cursor:pointer; z-index:2;}
.registerClientSelect .close:before, .registerClientSelect .close:after {content: '';width: 11px;height: 2px;border-radius: 1px;background-color: white;position: absolute;top: 50%;margin-top: -0.5px;left: 50%;margin-left: -6px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.3s;transition: all 0.3s;}
.registerClientSelect .close:after {transform: rotate(45deg);}

.addUserRezervBlock .addURform{ width:45%; float:left; margin-bottom:20px; margin-top:30px; }
.addUserRezervBlock .infoURform{ width:50%; float:right; padding:20px; background:#F5F2F7; margin-top:30px; margin-bottom:20px;}

.addUserRezervBlock .addURform .title{ font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom:10px;}
.addUserRezervBlock .addURform input{ margin-bottom:20px;}
.addUserRezervBlock .addURform textarea{height: 100px; margin-bottom:20px;background: #FFFFFF;box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);border-radius: 20px; }
.addUserRezervBlock .addURform label { padding-left:30px; position:relative; margin-bottom:20px;}
.addUserRezervBlock .addURform label input{ width:20px; height:20px; position:absolute; left:0;}

.addUserRezervBlock .infoURform .blockinfo{ margin-bottom: 20px; }
.addUserRezervBlock .infoURform .blockinfo b{ font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; text-transform: uppercase; }
.addUserRezervBlock .infoURform .blockinfo span, .addUserRezervBlock .infoURform .blockinfo td{ color:gray; font-size:13px;}
.addUserRezervBlock .infoURform .blockinfo table{ width:100%; }
.addUserRezervBlock .infoURform .blockinfo table tr td:first-child{ font-style: normal; font-weight: 500; font-size: 12px;line-height: 18px;}
.addUserRezervBlock .infoURform .blockinfo table tr td:last-child{ font-style: normal; font-weight: 600; font-size: 12px; line-height: 100%; text-align: right;}
.addUserRezervBlock .infoURform .blockinfo td label, .changeTime { text-decoration:underline; cursor:pointer;}

.shadow{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.35);z-index:991;display:none;}

.closeButton{ background: #E1E4E6; width: 280px; height: 50px; font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; text-align: center; text-transform: uppercase; color: #37474F; margin-top:30px; float:left; opacity:1; line-height:50px; border-radius:25px; cursor:pointer; }

#checkPhone, #AddUserRezerv{ background: #0dac49; color: white; width: auto; padding: 10px 20px; border-radius: 20px; display: inline-block; cursor: pointer; height: auto; text-decoration: none; border:none;  }
#AddUserRezerv{ float:left; margin-right:25px; }
#checkPhone:hover, #AddUserRezerv:hover{ background: #097833; }

.holdTime { margin-top:4px; color:#0dac49; }
.holdTime #holdTime { font-weight:bold; font-size:20px;}

.smallShow{ display:none; }
.dropdown-menu {display: none;}

.steps::-webkit-scrollbar-track, .overPP div::-webkit-scrollbar-track { background-color: white;  }
.steps::-webkit-scrollbar, .overPP div::-webkit-scrollbar { width: 5px; background-color: white; border-radius: 5px;}
.steps::-webkit-scrollbar-thumb, .overPP div::-webkit-scrollbar-thumb { background-color: #F5F2F7; border-radius: 5px;}

.dropdown-menu::-webkit-scrollbar-track{ background-color: rgba(255, 255, 255, 0.01); margin-top:20px; margin-bottom:20px; }
.dropdown-menu::-webkit-scrollbar{ width: 5px; background-color: rgba(255, 255, 255, 0.01); border-radius: 5px;}
.dropdown-menu::-webkit-scrollbar-thumb{ background-color: #F5F2F7; border-radius: 5px;margin:15px 0;}

.overPP { position:fixed; top:20%; left:30%; width:40%; height:60%; background:white; z-index:100001; padding:3% 5px 3% 3%; overflow:hidden; display:none; } 
.overPP div { width:100%; height:100%; overflow:auto; padding-right:30px; margin-right:5px; margin-top:40px; text-align:left; } 
.overSH { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.35); z-index:100000; display:none;} 
.overPP .ppRezervCloseStyle{position: absolute;width: 20px;height: 20px;right: 20px;top: 20px;cursor:pointer; z-index:2;}
.overPP .ppRezervCloseStyle:before, .ppRezervCloseStyle:after {content: '';width: 24px;height: 2px;border-radius: 1px;background-color: #95A0A6;position: absolute;top: 50%;margin-top: -0.5px;left: 50%;margin-left: -12px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.3s;transition: all 0.3s;}
.overPP .ppRezervCloseStyle:after {transform: rotate(45deg);}

.overPP input{ text-align:center; width:50%!important; margin:10px auto 20px auto; display:block; }
.overPP p{ text-align:left; }
#checkPhone{ display:block; margin:20px auto; }

.overPP .docPhoto{ float:left; margin-right:5%; width:45%; height: auto!important; margin-top:0; padding-right: 0!important;}
.overPP .docDescr{ float:left; height: auto; margin-top:0; font-size:14px; width: 50%; padding-right: 0!important; margin:0!important;}
.overPP .docDescr b { font-weight:bold!important; }

.overPP .docPhoto img{ width:100%; }

@media (max-width: 1200px){
	.ppRezerv{width:950px; margin-left:-475px; }
	.ppRezerv .steps .centerblock {width: 60%;}
	.ppRezervOpticBlock {width: 60%;}
	.ppRezerv .footerBlock { width: 60%; }
	.overPP { top:20%; left:20%; width:60%; height:60%; padding:45px 5px 30px 30px; } 
}

@media (max-width: 992px){
	.ppRezerv{width:750px; margin-left:-375px; }
	.ppRezerv .steps .centerblock {width: 80%;}
	.ppRezervOpticBlock {width: 80%;}
	.ppRezerv .footerBlock { width: 80%; }
	.overPP { top:15%; left:15%; width:70%; height:70%; padding:45px 5px 30px 30px; } 
	.overPP .docPhoto{ width:50%; }
}

@media (max-width: 768px){
	.ppRezerv{width:100%; height:100%; left:0; top:0;margin-left:0; }
	.ppRezerv .steps .centerblock {width: 90%;}
	.ppRezervOpticBlock {width: 90%;}
	.ppRezerv .footerBlock { width: 90%; }
	.tableBlock { width:730px; }
	.overPP { top:5%; left:5%; width:90%; height:90%; padding:45px 5px 30px 30px; } 
	
	.overPP .docPhoto{ width:50%; }
	
}

@media (max-width: 576px){
	.ppRezerv{width:100%; height:100%; left:0; top:0; margin-left:0;}
	.ppRezerv .steps {padding:0 5px 0 10px;}
	.ppRezerv .steps .centerblock {width: 100%;}
	.ppRezervOpticBlock {width: 90%;}
	.ppRezerv .footerBlock { width: 90%; }
	.ppRezerv .steps .centerblock .ppRezervCityBlock{ width:100%; margin-bottom:10px; }
	.ppRezerv .steps .centerblock .ppRezervSearchBlock{ width:100%; margin-bottom:20px;}
	.h1title {border-bottom:none;}
	.h2title{margin-bottom:10px	;}
	.ppRezerv .ppRezervCloseStyle{ top:10px; right:15px; }
	.ppRezervBack_{ top:10px; left:15px; }
	.divCheck{ height:auto; border-radius:10px; }
	.divCheck label{ line-height: 15px; padding: 20px 45px 20px 50px; position:relative;}
	.divCheck label input{ position:absolute;left:0;}
	.divCheck i{right:20px;}
	.addUserRezervBlock .infoURform, .addUserRezervBlock .addURform{ width:100%; }
	.addUserRezervBlock .addURform .title{ text-align:center; }
	#AddUserRezerv{ width:100%; }
	.smallShow{ display:block; }
	.largeShow{ display:none; }
	.tableBlock{ padding:0 5px; width:auto; }
	.intask-main .notreserved .timeinfo, .intask-main .reserved .registerClient, .intask-main .reserved .reservedUserTime{ margin-right: 5px; }
	.registerClientSelect .close{ display:none; }
	.intask-main thead.fix{ position:fixed; top:85px; width:calc(100% - 40px);z-index:1; background:white;padding-right: 0px;}
	.intask-main thead.fix tr{ width:100%; display:inline-table;}
	.intask-main thead.fix tr th{ display:table-cell;  }
	.overPP { top:0; left:0; width:100%; height:100%; padding:45px 5px 20px 20px; } 
	
	.overPP .docPhoto{ width:100%; margin-right:0; }
	
}

/*Select block*/
.selectDocBlock { margin-bottom:15px; }
.selectDocBlock span { width:20%; margin-right:2%; display:inline-block; }
.selectDocBlock span select { height:40px; width:100%; border-radius:20px; padding-left:10px; outline:none; margin-top:5px; border: 1px solid #95a0a6; }
.selectDocBlock span small, .selectDocBlock div small{ padding-left:15px; font-size:12px; color:gray;}

.clear{clear:both; height:1px !important;}



.ppMessage{color:gray; margin-bottom:0!important; text-align:left!important; font-size:20px; text-decoration:italic;}
.ppMessage h3{text-align:center!important;}
.ppMessage i{ display:block; float:left; margin-right:15px; font-size:30px; line-height:25px;}

/*PP User Reserv*/
.ppAddUserRezerv{ position:fixed; top:50%; left:50%; width:600px; padding:25px; margin:-200px 0 0 -300px; background:white; border-radius:4px; z-index:992; display:none; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); }


.ppAddUserRezerv .title{ font-size:26px; text-align:center; margin-bottom:25px; }
.ppAddUserRezerv button{cursor:pointer;background-color: #3bc8f5;width: auto;border-radius: 19px;color: #fff!important;padding: 5px 10px;text-decoration: none;border-color: #3bc8f5;outline: none;}
.ppAddUserRezerv .close{display: inline-block;color: #fff;padding: 7px 19px 7px 34px;border-radius: 18px;border: 1px solid rgba(255,255,255,.5);font-size: 14px;text-decoration: none;font-family: OpenSans-Semibold,sans-serif;background: rgba(255,255,255,.15);position:absolute;z-index:992;top: -45px;right: 0;cursor:pointer;}
.ppAddUserRezerv .close::before, .ppAddUserRezerv .close::after{background-color: #fff;content: "";display: block;height: 2px;margin-left: -23px;margin-top: 17px;position: absolute;width: 15px;top: 0;}
.ppAddUserRezerv .close::before {transform: rotate(45deg); }
.ppAddUserRezerv .close::after {transform: rotate(-45deg); }
.ppAddUserRezerv .close:hover{background: rgba(255,255,255,.55); }
.ores{font-weight:bold; }
#zapMessage{ margin-top:5px; color:red;}
/*Custom select*/
.dropdown-item input{ display:none; }
/*appointment*/
.appointment{ display:block!important; position:relative; width:100%; height:750px; min-height:480px; z-index:1; }

.algorithmBlock{ display:none; }
/* End */


/* Start:/local/templates/main_v2/components/lo/favorites.small/main/style.css?1760004647505*/
.svg-green { display: none; }
.svg-gray { display: block; }
.active-fav .svg-green { display: block; }
.active-fav .svg-gray { display: none; }

@media (max-width: 1199.98px) {
    .fav-link i {
        top: 25px!important;
        font-size: 12px!important;
    }
}
@media (max-width: 991.98px) {
    .fav-link i {
        top: 25px!important;
        font-size: 12px!important;
    }
}
@media (max-width: 768px) {
    .fav-link i {
        top: 12px!important;
        font-size: 10px!important;
    }
}
/* End */


/* Start:/local/templates/main_v2/components/lo/basket.small/main/style.css?1760004647742*/
.smalcartshow{ display:flex!important; }
.smalcarthide{ display:none!important; }

.num-in i { width: 40%; display: block; height: 30px; float: left; position: relative; }

.mini-drop-delivery-sum{
    width: calc(100% + 80px);
    background: #ffeae8;
    margin-left: -40px;
    padding: 3px 40px;
    margin-bottom: 10px;
    color: #eb0000;
}

@media (max-width: 1199.98px) {
    .bask-link i {
        top: 25px!important;
        font-size: 12px!important;
    }
}
@media (max-width: 991.98px) {
    .bask-link i {
        top: 25px!important;
        font-size: 12px!important;
    }
}
@media (max-width: 768px) {
    .bask-link i {
        top: 12px!important;
        font-size: 10px!important;
    }
}
/* End */
/* /local/components/lo/appointment/templates/.default/style.css?172724707017601 */
/* /local/templates/main_v2/components/lo/favorites.small/main/style.css?1760004647505 */
/* /local/templates/main_v2/components/lo/basket.small/main/style.css?1760004647742 */