

/* КОНФЕРЕНЦИЯ*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* Это настройки всего баннера (общие)*/
.custom-banner-wrapper {
	position: fixed;
	z-index: 500;
    bottom: 6px;
    margin-left: 10px;
    max-width: 110%;
  /*   width: 785px; /* размер баннера*/ /* конференция */
    width: 700px; /* размер баннера*/ /* конференция */
    padding: 14px 10px 12px 15px;
    /*background:#F8F0E7;*/
    /*background: rgb(209,46,189);*/
    /* background: #DCF0E4;  /*цвет фона Тяпченко*/
    background: #250d30;  /*цвет фона ИПТ ЧЕРНОВ 4B0082 3D0071 3e006c #2f1359 160028 250d30*/
   /*background: linear-gradient(90deg, #EBF0FD 0%, #B7E0F9 26%, #73D4E1 49%, #FFB7F5 69.5%, #FF8E90 93%); /* конференция */ /* цвет фона градиент справа налево КОНФЕРЕНЦИЯ*/
    /*background: rgb(209,46,189);
    background: radial-gradient(background: linear-gradient(90deg, #EBF0FD 0%, #B7E0F9 26%, #73D4E1 49%, #FFB7F5 69.5%, #FF8E90 93%);   цвет фона градиент центр*/
    /*background: #dcf0e4;  цвет фона*/
   /* border: solid 5px #000000; /*обводка*/

}

.custom-banner-content {
	display: flex;
    justify-content: space-between;
    align-items: center;
	font-family: "Montserrat", sans-serif;
  	/*color: #353535; /* цвет текста*/
    color: #FFFFFF; /* цвет текста*/
}

/* Это настройки крупного текста */
.custom-banner-text__title {
	max-width: 400px; /* размер блока где текст*/
	margin-bottom: 6px;
    font-weight: 700; /* жирность*/ /* конференция */
    font-size: 18px; /* размер текста*/ /* конференция */
    line-height: 90%;
}

/* Это настройки мелкого текста */
.custom-banner-text__descr {
    font-weight: 500;/* жирность*/
    font-size: 13px; /* размер текста*/
    line-height: 105%;
}

/* Это настройки мелкого текста (дата для конференции) */
.custom-banner-text__descr1 {
  display: inline-block;
  color: #000000!important; /* цвет текста*/
  font-weight: 700;
  font-size: 12px;
  padding: 7px 16px;
  background: #FFCE9C;
  border-radius: 32px;
  text-align: center;
  white-space: nowrap;
  margin-left: 190px; /* Сдвигает элемент вправо */
     position: absolute; /* ИПТ*/
     top: 44px; /* Сдвигает элемент вверх/вниз */
}


/* Это настройки отдельного текста */
.custom-banner-content span {
    color: #353535; /* цвет текста*/
    font-weight: 700; /* жирность*/
     font-size: 14px; /* размер текста*/
}
.custom-banner-content span::selection {
  background-color: #ffc5de;
}

/* Это настройки фона кнопки */
.custom-banner-btn {
	display: flex;
    border-radius: 32px; /* закругления */ /* конференция */
    height: 36px; /* размер */ /* конференция */
    /*padding: 5px 9px 2px;*/
    padding: 0px 23px 2px; /* конференция */
   /* background: #FFFFFF; /* цвет фона*/ /* конференция */
     /*background: #4FD15C; /* цвет фона*/ /* Тяпченко */
    background: #FFFFFF; /* цвет фона*/ /* ИПТ */
   /*position: absolute; /* конференция*/
   /* right: 10px; /* конференция*/
   /* align-content: center;*/
    /*right: 170px; /* Тяпченко*/
    position: absolute;  /* ИПТ*/
    right: 210px; /* ИПТ*/
    top: 56px;
}


/* Это настройки текста кнопки */
.custom-banner-btn a {
	color: #000000!important; /* цвет текста*/ /* конференция */
    /*color: #000000!important; /* цвет текста*/ /* конференция */
    font-weight: 700; /* жирность */ /* конференция */
    font-size: 12px; /* размер */ /* конференция */
    line-height: 305%;
    text-decoration: none;
  text-align: center;
}
 
/* Это настройки фото */
.custom-banner-img {
    width: 50px;  /* размер */
}

/* Это настройки фото */
.custom-banner-img img {
	position: absolute;
    /*bottom: 0;*/
    bottom: 2px; /* конференция */
  /*  right: -14px;  /* отступ справа Тяпченко */
    right: -12px;  /* отступ справа ИПТ */
    /*right: 150px;  /* отступ справа */
    max-width: 200px;  /* максим размер конференция */
    /*max-width: 90px;  /* максим размер */
    border-radius: 0px;  /* закругление */
}

/* крестик для закрытия */
.custom-banner-close {
    position: absolute;
    top: -4px;
    right: 4px;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
  /*  color: #000000; /* цвет */
    color: #FFFFFF; /* цвет */
}

@media (max-width: 768px) {
	.custom-banner-wrapper {
    bottom: 57px; /* размер кнопки в моб */
	}
}

@media (max-width: 425px) {
	.custom-banner-wrapper {
    	padding: 9px 9px 9px 12px;
	}

	.custom-banner-text__title {
    	font-size: 10px; /* размер текста в моб */  /* конференция */
	}
	
	.custom-banner-text__descr {
    	font-size: 8px; /* размер текста в моб */
	}
	
	.custom-banner-img {
    	width: 65px; /* размер фото в моб */
	}
	
	.custom-banner-img img {
        /*right: 8px;
        max-width: 65px;/* размер фото в моб */
        display:none;
	}
}

@media (max-width: 360px) {
	.custom-banner-btn {
       /* padding: 6px 9px 2px;
        margin-right: 25px;*/
        border-radius: 32px;
    height: 34px;
    padding: 0px 19px 2px;
    background: #FFFFFF;
    position: absolute;
    right: 60px;
    top: 18px;
	}

	.custom-banner-btn a {
    	font-size: 11px;
	}
}



