

/* Start:/bitrix/templates/base/components/bitrix/news/products/bitrix/news.detail/.default/style.css?17721051786982*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}


.courses-container{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.course {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    /*display: grid;*/
    /*grid-template-columns: repeat(2,1fr);*/
    display: flex;
    flex-direction: column;
    max-width: 100%;
    padding: 10px;
    /*overflow: hidden;*/ /* закрыл что бы блок со списком был виден*/
    width: 700px;
}
/*.course h6 {*/
/*    opacity: 0.6;*/
/*    margin: 0;*/
/*    letter-spacing: 1px;*/
/*    text-transform: uppercase;*/
/*}*/

/*.course h2 {*/
/*    letter-spacing: 1px;*/
/*    margin: 10px 0;*/
/*}*/

.course-info {
    /*padding: 30px;*/
    position: relative;
    width: 100%;
}

/*.progress-container {*/
/*    position: absolute;*/
/*    top: 30px;*/
/*    right: 30px;*/
/*    text-align: right;*/
/*    width: 150px;*/
/*}*/

/*.progress {*/
/*    background-color: #ddd;*/
/*    border-radius: 3px;*/
/*    height: 5px;*/
/*    width: 100%;*/
/*}*/

/*.progress::after {*/
/*    border-radius: 3px;*/
/*    background-color: #2A265F;*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    height: 5px;*/
/*    width: 66%;*/
/*}*/

/*.progress-text {*/
/*    font-size: 10px;*/
/*    opacity: 0.6;*/
/*    letter-spacing: 1px;*/
/*}*/

/*.btn {*/
/*    background-color: #2A265F;*/
/*    border: 0;*/
/*    border-radius: 50px;*/
/*    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);*/
/*    color: #fff;*/
/*    font-size: 16px;*/
/*    padding: 12px 25px;*/
/*    position: absolute;*/
/*    bottom: 30px;*/
/*    right: 30px;*/
/*    letter-spacing: 1px;*/
/*}*/

/*!* SOCIAL PANEL CSS *!*/
/*.social-panel-container {*/
/*    position: fixed;*/
/*    right: 0;*/
/*    bottom: 80px;*/
/*    transform: translateX(100%);*/
/*    transition: transform 0.4s ease-in-out;*/
/*}*/

/*.social-panel-container.visible {*/
/*    transform: translateX(-10px);*/
/*}*/

/*.social-panel {*/
/*    background-color: #fff;*/
/*    border-radius: 16px;*/
/*    box-shadow: 0 16px 31px -17px rgba(0,31,97,0.6);*/
/*    border: 5px solid #001F61;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    !*font-family: 'Muli';*!*/
/*    position: relative;*/
/*    height: 169px;*/
/*    width: 370px;*/
/*    max-width: calc(100% - 10px);*/
/*}*/

.social-panel button.close-btn {
    border: 0;
    color: #97A5CE;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
}

.btn-social-panel {
	background-color: #fff;
	border: 0;
	border-radius: 50px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	font-size: 16px;
	padding: 12px 25px;
	/*position: absolute;*/
	/*bottom: 30px;*/
	/*right: 30px;*/
	letter-spacing: 1px;
}
.btn-social-panel:focus{
	background-color: #b8b0b0;
}

.box-btn-social{
	display: grid;
	justify-items: end;
	align-items: end;
	justify-content: end;
	margin: 2em;
}

.social-panel button.close-btn:focus {
    outline: none;
}

.social-panel p {
    background-color: #001F61;
    border-radius: 0 0 10px 10px;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 2px 17px 6px;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
    text-align: center;
    width: 235px;
}
/**/
.social-panel p i {
    margin: 0 5px;
}

.social-panel p a {
    color: #FF7500;
    text-decoration: none;
}

.social-panel h4 {
    margin: 20px 0;
    color: #97A5CE;
    /*font-family: 'Muli';*/
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

.social-panel ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.social-panel ul li {
    margin: 0 10px;
}

.social-panel ul li a {
    border: 1px solid #DCE1F2;
    border-radius: 50%;
    color: #001F61;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    text-decoration: none;
}

.social-panel ul li a:hover {
    border-color: #FF6A00;
    box-shadow: 0 9px 12px -9px #FF6A00;
}

.floating-btn {
    border-radius: 26.5px;
    background-color: #001F61;
    border: 1px solid #001F61;
    box-shadow: 0 16px 22px -17px #03153B;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    padding: 12px 20px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
}

.floating-btn:hover {
    background-color: #ffffff;
    color: #001F61;
}

.floating-btn:focus {
    outline: none;
}

.floating-text {
    background-color: #001F61;
    border-radius: 10px 10px 0 0;
    color: #fff;
    /*font-family: 'Muli';*/
    padding: 7px 15px;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 998;
}

.floating-text a {
    color: #FF7500;
    text-decoration: none;
}

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

    .social-panel-container.visible {
        transform: translateX(0px);
    }

    .floating-btn {
        right: 10px;
    }
}
/*!*карта заказа*!*/

.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
}


.container.fc{
    /*width: 100vw;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*width: 505px;*/
}



.flex-left-col{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
}
#foladdr{
    position: relative;
}
#foladdr ul{
    width: 206px;
    margin: 1px;
    position: absolute;
    top: 4em;
    border-radius: 0 0 4px 4px;
    border: color(srgb 0.7999 0.8 0.8001) solid 0.1em;
    z-index: 5;
    background: color(srgb 0.9999 1 1);
}
#foladdr ul li{
    list-style-type: none;
}

.list span{
    display: flex;
    margin: 0.2em 0.4em;
}

.list span:hover{
    background: #e3e3e3;
    cursor: pointer;
}

#submit{
    color:black;
}

form input{
    width: 100%;
}
.soglashenie p{
    margin: 1em 0em 1em 1em;
}
.box-btn-social p{
    color: red;
}

.soglashenie{
    display: grid;
    grid-template-columns: 90% 10%;
    gap: 10% 0;
    align-items: center;
    justify-content: center;
}
#ps{
    transform: scale(1.5);
}
.conteiner-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.close-x{
    color: black;
    position: fixed;
    right: 3.5em;
    top: 3em;
}

.close-x:hover{
    cursor: pointer;
}
.img_sett img{
    max-width: 60%;  /* Prevents the image from being wider than 60% of its container */
    max-height: 60%; /* Prevents the image from being taller than 60% of its container */
    width: auto;     /* Ensures the width adjusts automatically */
    height: auto;
    margin-bottom: 1em;
}
/* End */
/* /bitrix/templates/base/components/bitrix/news/products/bitrix/news.detail/.default/style.css?17721051786982 */
