@font-face {
  font-family: "Apple";
  font-style: normal;
  font-weight: 400;
  /* Браузер сначала попробует найти шрифт локально */
  src: local("/fonts/sf_ui_display_light.eot"),
       /* Если не получилось, загрузит woff2 */
       url("/fonts/sf_ui_display_light.woff2") format("woff2"),
       /* Если браузер не поддерживает woff2, загрузит woff */
       url("/fonts/sf_ui_display_light.woff") format("woff");
}

/* Теперь можно использовать шрифт */
body {
  font-family: "Apple", "Arial", sans-serif;
}


.adminAuthorization {
max-width:500px;
margin:auto;
margin-top:15%;
padding:15px;
}

.menuroot:hover {
cursor:pointer;
}

.nav-link:hover {
cursor:pointer;	
}

.dropdown-item:hover {
cursor:pointer;		
}

.palitra {
width:50px;
height:50px;
}

.palitra:hover {
cursor:pointer;	
}

.navbar-primary {
color:#ffffff;	
}

.logoHeaderSite {
/*margin-right:10px;*/
}

.svgrootpage {
margin-left:10px;
}

.svgrootpage:hover {
cursor:pointer;	
}

.editPageIco:hover {
cursor:pointer;	
}

.deletePageIco:hover {
cursor:pointer;	
}

.visiblePageIco:hover {
cursor:pointer;
}

.outModuleRootDiv {
clear:both;	
}

.bgGrey {
background:#f5f5f7;
}

.bgBlue {
background:#a7c1d9;
}

.bgViolet {
background:#f6e8fa;
}

.bgYellow {
background:#edf593;
}

.bgLime {
background:#c9f593;
}

.clGrey {
color:#696969;	
}

.bgRed {
background:#fe5656;
}

.clRed {
color:#fe5656;	
}

.clBlue {
color:#0a74c1;
}

.bgBlue {
background:#0a74c1;	
}

.bg-white {
background:#ffffff;
}

.navbar-white {
font-size:18px;
}

.borderPunktRed {
border-bottom:2px dashed #fe5656;	
}

.borderPunktBlue {
border-bottom:2px dashed #0a74c1;	
}

.sizeGrey {
font-size:14px;
}

.fontLogo {
font-size:24px;
}

.btnRed {
color: #ffffff;
background-color: #fe5656;
border-color: #fe5656;
}

.btnRed:hover {
color:#ffffff;
background:#FF8080;
}

.btnLiteRed {
color: #fe5656;
border:2px solid #fe5656;
}

.btnLiteRed:hover {
color: #ffffff;
background-color: #fe5656;
border-color: #fe5656;
}

.btnBlue {
color:#ffffff;
background-color:#0a74c1;
border-color:#0a74c1;	
}

.btnBlue:hover {
color:#ffffff;
background:#097d96;	
}

.btnLiteBlue {
color: #0a74c1;
border:2px solid #0a74c1;
}

.btnLiteBlue:hover {
color: #ffffff;
background-color: #0a74c1;
border-color: #0a74c1;
}

/*h2:after, h2:before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
height: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #0a74c1;
width: 140px;
} */

.moduleRootOutSvPage {
background:#7952b3;
color:#ffffff;
text-align:center;
padding:5px;
border-radius: .25rem;
}

.moduleRootOutSvPageBox {
background:#7952b3;
color:#ffffff;
text-align:center;
padding:5px;
border-radius: .25rem;	
}

.moduleRootOutSvPage:hover {
cursor:move;
}

.moduleRootOutSvPageBox:hover {
cursor:move;	
}

.deleteModuleOfBox:hover {
cursor:pointer;	
}

.actColRowPage svg {
margin-left:10px;
}

.editColRowPage:hover {
cursor:pointer;	
}

.deleteColRowPage:hover {
cursor:pointer;		
}


.backgroundCarusel {
background:#000000;
opacity: 0.5;
filter: alpha(Opacity=50);
}

.carousel {
  height: 400px !important;
  overflow: hidden;
}

.carousel-inner {
  overflow: visible;
}

.carousel-inner img {
  left: 50%;
  max-width: none !important;
  min-height: 400px;
  min-width: 100%;
  position: absolute;
  top: 200px;
  transform: translate(-50%,-50%);
}

.myCarouserlText {
color:#ffffff;
text-align:center;
padding:25px;
margin-top:280px;
}

.display-5 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-6 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
}

.calendarDivGL {
display:inline-block;
}

.clear {
clear:both;
}

.calendarDiv {
padding:20px;
background:#f0f0f0;
display:inline-block;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.calendarBodyTime {
clear:both;
border:1px solid red;
display:inline-block;

}

.calendarPTO {
	
}

.elCalendar {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
width:30px;
text-align:center;
margin:2px;
}

.dayWeekCalendar {
color:#a9a9a9;
font-size:16px;
text-align:center;
}

.elCalendarActive {
color:#1f1f27;
}

.elCalendarActive:hover {
cursor:pointer;
background:#0a74c1;
color:#ffffff;	
}

.elCalendarToday {
background:#0a74c1;
color:#ffffff;
}

.elCalendarNoActive {
color:#d1d1d1;
}

.elCalendarNoWrite {
background:#E98282;
}

.btnTimeCalendar {
display:inline-block;
margin:5px;
background:#ffffff;
padding:10px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border:1px solid #ffffff;
}

.btnTimeCalendarActive:hover {
cursor:pointer;
}

.inputBtnTimeCalendar {
background:#c9f7cc;
border: 1px solid #a5e3a9;
}

.btnTimeCalendarNoActive {
background: #ffb4b4;
border:1px solid #ffb4b4;	
}

.btnTimeCalendarNoActiveD {
background: #fff3cd;
border:1px solid #fff3cd;
}

div.scrollup {
position: fixed;
color: #fff;
background-color:#343a40!important;
right: 20px;
bottom: 20px;
padding: 7px 7px;
font-size: 20px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
cursor: pointer;
display: none;
text-align: center;
}

div.scrollup:hover {
background-color: #696969;
}

.hiddenForm {
display:none;
}

#addBaseWriteRoot {
display:none;	
}

#editBaseWriteRoot {
display:none;
}

.editWrite:hover {
cursor:pointer;
}

.deleteWrite:hover {
cursor:pointer;	
}

.hiddenWriteGibdd {
display:none;
}

.deleteWriteGibdd:hover {
cursor:pointer;
}

.infoTextOutD {
display:none;
}

#videoDiet {
width:100%;
}

.zindexLay {
position: relative;
margin-left:-15px;
margin-top:115px;
background: rgba(0, 0, 0, 0.5);
width: 100%;
padding: 15px;
z-index:9999;
}

.btn-outline-white {
color: #ffffff;
border-color: #ffffff;
}

.btn-site-cvet {
color:rgba(150,171,81);
border-color:rgba(150,171,81);
}

.navbar-light .navbar-nav .nav-link {
color:#040404;
font-size:14px;
}

.navbar-light .navbar-nav .active>.nav-link {
color:rgba(37,53,10);
font-size:14px;
text-decoration:underline;
}

.predirect:hover {
cursor:pointer;
}

.borderBottomRaduga {
border-bottom: 2px solid;
border-image: linear-gradient(-45deg, #f19828 0%, #cd2c53 100%) 100;
}

.textGradietn {
color:transparent;
-webkit-background-clip:text;
background-clip:text;
background-image:linear-gradient(90deg,#2ca2b4,#5598de 24%,#7f87ff 45%,#f65aad 76%,#ec3d43);
will-change:transform;
background-color:#2ca2b4 0%;
}

.textAnimation1 {
overflow: hidden;
}

a {
color:#5598de;
}

a:hover {
color:#ec3d43;
text-decoration:none;
}

.bgGradient {
background: rgb(86,158,184);
background: linear-gradient(90deg, rgba(86,158,184,1) 0%, rgba(123,137,242,1) 25%, rgba(202,125,199,1) 50%, rgba(227,97,156,1) 75%, rgba(218,78,79,1) 100%);
}

.hrefIndexPage a {
color:#ffffff;
margin-left:15px;
margin-right:15px;
}

.btnBackground {
background: #f19828;
color:#ffffff;
text-decoration:none;
}

.btnBackground:hover {
background: #cd2c53;
color:#ffffff;
text-decoration:none;
}

.btnBackground a {
color:#ffffff;
text-decoration:none;
}

.btnBackground a:hover {
color:#ffffff;
text-decoration:none;
}

ul {
margin-left: 0;
padding-left: 0;
}

ul li {
list-style-type: none;
}

hr {
background: rgb(86,158,184);
background-image:linear-gradient(-45deg, #f19828 0%, #cd2c53 100%);
height:1px;
}

.titleOffer {
font-size:2rem;
}

.backgroundViolet {
background: rgb(86,158,184);
background: linear-gradient(90deg, #000000 0%, #0f022e 50%, #1f0321 70%);
}

.tableBorderGradientMy {
background: rgb(86,158,184);
background-image:linear-gradient(90deg,#2ca2b4,#5598de 24%,#7f87ff 45%,#f65aad 76%,#ec3d43);
border: 1px solid;
}

.galochka {
color: #ec3d43;
}

h1 {
font-size: 2.2rem    
}

.btnBackground2 {
background: #cd2c53;
color:#ffffff;
text-decoration:none;
}

.btnBackground2:hover {
background: #f19828;
color:#ffffff;
text-decoration:none;
}

.btnBackground2 a {
color:#ffffff;
text-decoration:none;
}

.btnBackground2 a:hover {
color:#ffffff;
text-decoration:none;
}

.backgroundYoll {
background:#f19828;  
}

/*.plitka_tag {
	height:200px;
	overflow: hidden;
}

.plitka_tag a {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 50px;
    bottom: -16px;
    color: #4c4c4c;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 7px 20px 6px;
    float:left;
    margin-top:10px;
    margin-right:10px;
    text-transform: uppercase;
}

.plitka_tag a:hover {
    background: #e90659;
    color: #fff;
    border-color: transparent;
} */

.plitka_tag {
overflow: hidden;
 background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 50px;
    bottom: -16px;
    color: #4c4c4c;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 7px 20px 6px;
    margin-top:10px;
    margin-right:10px;
    text-transform: uppercase;
}

.bgYell {
background:#f9f3d9;
}

.hrefIndexPage {
color:#000000;
}

a {
color:#f19828;
}

.blockCalcHidden {
display:none;
}

iframe {
    max-width: 100%;
}

.actim:hover {
cursor:pointer;
text-decoration:underline;
}

#outVisibleProduct {
display:none;
}

.galochka {
color: #ec3d43;
}


@media (min-width: 768px) {
  .navbar-container {
    position: sticky;
    top: 0;
    overflow-y: auto;
    height: 100vh;
  }
  .navbar-container .navbar {
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
    height: 100%;
  }
  .navbar-container .navbar-collapse {
    align-items: flex-start;
  }
  .navbar-container .nav {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .navbar-container .navbar-nav {
    flex-direction: column !important;
  }
}