/*СТУДГОРОДОК*/

.studg {
	
}
.studg .info {
	display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.studg .info .photo {
	
}
.studg .info .photo img {
	max-width: 240px;
	border-radius: 1rem;
}

.studg .info .chiefInfo {
	
}
.studg .info .chiefHeader {
	font-size: 2rem;
}
.studg .info .chiefPos {
	font-size: 1.25rem;
    color: #6d6d6d;
}
.studg .info .chiefContacts {
	display: flex;
    flex-direction: column;
    gap: .8rem;
	margin: 2rem 0;
}
.studg .info .chiefContacts > * {
	display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.studg .info .chiefContacts .tg_link {
	margin: 1rem 0 0;
}
.studg .info .chiefContacts .icon {
	min-width: 20px;
    text-align: center;
}

.studg .docs {
	display: flex;
    flex-wrap: wrap;
    gap: 1rem;
	margin: 2rem 0;
}
.accordion .docs {
	margin-top: 0;
}

.studg .docs a {
	border-radius: 10rem;
    background: none;
    color: #D91F22;
    border: 1px solid;
	font-size: .9rem;
	transition: .1s linear;
}
.studg .docs a:hover,
.studg .docs a:focus {
	background: #D91F22;
	color: white;
	text-decoration: none;
}
.studg .docs a.blue {
	background-color: #313C8C;
    color: white;
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    gap: .5rem;
}


.dormitoryList,
.passportBlocks {
	display: flex;
    flex-wrap: wrap;
    gap: 1rem;
	margin: 2rem 0;
}
.passportBlocks {
	margin-top: 0;
}

.dormitoryItem,
.passportBlock {
	border: 1px solid #313C8C;
    border-radius: 1.5rem;
	padding: 1rem 2rem;
	flex: 40%;
	position: relative;
}
.dormitoryItem.empty,
.passportBlock.empty {
	opacity: 0;
}

.dormitoryItem .showMap {
	position: absolute;
    right: 20px;
    top: 20px;
    background-color: #313C8C;
    color: white;
    border-radius: 10rem;
    padding: .2rem 1rem;
	font-size: .8rem;
	transition: .1s linear;
}
.dormitoryItem .showMap:hover,
.dormitoryItem .showMap:focus {
	background: #D91F22;
	color: white;
	text-decoration: none;
}

.item-page .dormitoryHeader,
.item-page .passportHeader {
	font-family: 'Open Sans', Arial, sans-serif;
    font-weight: bold;
	font-size: 1.2rem;
    line-height: normal;
}
.dormitoryContacts,
.passportContacts {
	display: flex;
    flex-wrap: wrap;
    gap: 1rem;
	margin: 1rem 0;
}
.dormitoryContacts > *,
.passportContacts > * {
	display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    font-size: .8rem;
}

.dormitoryAddress .address,
.passportAddress .address {
	flex: 90%;
}
.passportPhone .phone {
	flex: 80%;
}

.dormitoryStatus {
	font-style: italic;
}
.dormitoryItem span {
	font-weight: bold;
}
.dormitoryStatus span {
	color: #D91F22;
}
.dormitoryInfo span {
	color: #313C8C;
}

.item-page .dormitoryInfo p {
	font-size: 14px;
	text-align: left;
}
.dormitoryInfo p:last-of-type {
	margin: 0;
}


.priceBlock {
	display: flex;
    flex-wrap: wrap;
    gap: 1rem;
	justify-content: space-between;
}
.priceHeader,.priceBlock span,.checkInInfo .accordion-inner span,.paymentDetails span {
	font-weight: bold;
	color: #313C8C;
}

.providingHostels {
	margin: 3rem 0 0;
}
.item-page .blockHeader {
	margin: 0 0 2rem;
}

.providingHostels .accordion .accordion-group {
	border: 1px solid #313C8C;
    border-radius: 2rem;
	margin: 0 0 1rem;
    overflow: hidden;
}
.providingHostels .accordion .accordion-group .accordion-heading a.accordion-toggle,
.providingHostels .accordion .accordion-group.active .accordion-heading a.accordion-toggle {
	background-color: white;
	font-weight: bold;
    color: #313C8C;
	text-decoration: none;
    box-shadow: none;
	position: relative;
	padding: 1rem 2rem;
}
.providingHostels .accordion-heading a:after {
	content: '';
    background-image: url(/images/icon/icon_up.svg);
    background-repeat: no-repeat;
    width: 24px;
    height: 25px;
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
}
.providingHostels .accordion-heading a.collapsed:after,
.checkInInfo .accordion-heading a.collapsed span:after {
    background-image: url(/images/icon/icon_down.svg);
}
.providingHostels .accordion .accordion-group .accordion-body .accordion-inner,
.checkInInfo .accordion .accordion-group .accordion-body .accordion-inner {
	border: none;
	padding: 15px 0;
}
.item-page .providingHostels .accordion-inner p,
.item-page .providingHostels .accordion-inner ul {
	padding: 0 1rem;
}


.checkInInfo .accordion .accordion-group {
	border: 0;
    margin: 0 0 1rem;
}
.checkInInfo .accordion .accordion-group .accordion-heading a.accordion-toggle,
.checkInInfo .accordion .accordion-group.active .accordion-heading a.accordion-toggle {
	background-color: white;
    box-shadow: none;
	font-family: 'CenturyGothicRegular', Arial, sans-serif;
    color: #313C8C;
    font-size: 24px;
    text-decoration: none;
	position: relative;
	padding: 8px 0;
}

.checkInInfo .accordion-heading {
	margin: 0 0 1rem;
}

.checkInInfo .accordion-heading span {
	position: relative;
}
.checkInInfo .accordion-heading span:after {
	content: '';
    background-image: url(/images/icon/icon_up.svg);
    background-repeat: no-repeat;
    width: 24px;
    height: 25px;
    display: block;
    position: absolute;
    right: -40px;
    top: 3px;
}


.passportTime .time {
	flex: 0%;
}


.paymentDetails {
	margin: 0 0 4rem;
}
.paymentDetailsBlock .docs a {
	display: flex;
    align-items: center;
}
.paymentDetailsBlock .docs .qr {
	color: #313C8C;
	position: relative;
	display: flex;
    align-items: center;
    gap: .5rem;
	transition: .1s linear;
}
.paymentDetailsBlock .docs .qr:hover,
.paymentDetailsBlock .docs .qr:focus {
	background-color: #313c8c2e;
	color: #313C8C;
}
.item-page .paymentDetailsBlock .docs .qr:before {
	content: '';
    background-image: url(/images/icon/icon_qr.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 16px;
    display: block;
    padding: 0;
}
.paymentDetailsBlock .docs p {
	flex: 0%;
    margin: 0;
}

.studg #gallery_1 .mgthumbnails img {
    object-fit: cover;
    width: revert-layer;
    height: 250px;
}

.studg #gallery_1 .icon {
  display: block;
  width: 70%;
  height: inherit;
  background: url('/images/icon/icon_zoom.svg') center center no-repeat;
  background-size: contain;
}
.studg #gallery_1 .icon img {
	border: 0;
}

.studg #gallery_1 .owl-dots {
	display: flex;
    gap: 1rem;
    justify-content: center;
    margin: 2rem 0;
}
.studg #gallery_1 .owl-dots button {
	background-color: #D9D9D9;
    border: 1px solid #A6A6A6;
    width: 15px;
    height: 15px;
    border-radius: 1rem;
}
.studg #gallery_1 .owl-dots button.active {
	background-color: #313C8C;
    border: 1px solid #313C8C;
}
.studg #gallery_1 .owl-item > div {
    position: relative;
    display: inline-block;
	overflow: hidden;
	border: 1px solid #16469D;
	border-radius: 1rem;
}
.studg #gallery_1 div:hover a.active img {
	filter: blur(5px);
}
.studg #gallery_1 .owl-item > div:hover .overlay {
    opacity: 1;
}

.studg #gallery_1 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #16469dc2;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
	cursor: pointer;
}


.employeesBlock {
	display: flex;
}
.employeesBlock .chiefInfo {
	flex: 0;
}


@media screen and (max-width:1024px) {
	
	.paymentDetailsBlock .docs p {
		flex: 100%;
	}
	
}


@media screen and (max-width:768px) {
		
	.checkInInfo .accordion-heading [data-parent="#set-rl_sliders-4"] span,
	.checkInInfo .accordion-heading [data-parent="#set-rl_sliders-5"] span {
		position: unset;
	}
	.checkInInfo .accordion-heading [data-parent="#set-rl_sliders-4"] span:after,
	.checkInInfo .accordion-heading [data-parent="#set-rl_sliders-5"] span:after {
		right: 0;
		top: 8px;
	}

	.dormitoryItem.empty,
	.passportBlock.empty {
		display: none;
	}

	.employeesBlock {
		flex-direction: column;
		gap: 1rem;
	}
	.studg .info .chiefInfo,
	.studg .info .time,
	.studg .info .address {
		flex: 50%;
	}
	.studg .chiefHeader {
		line-height: normal;
	}
	.item-page .studg .info:after {
		content: none;
	}
	
}

@media screen and (max-width:575px) {
	
	.studg .info {
		flex-direction: column;
		align-items: center;
	}
	
	.item-page .dormitoryHeader.domstud {
		max-width: 200px;
	}
	
	.checkInInfo .accordion-heading [data-parent="#set-rl_sliders-4"] span,
	.checkInInfo .accordion-heading [data-parent="#set-rl_sliders-5"] span {
		max-width: 430px;
		display: block;
		line-height: normal;
	}
	
	.dormitoryContacts > *,
	.passportContacts > * {
		font-size: inherit;
	}
	
	.studg .docs a {
		border-radius: 10px;
	}
	
}

@media screen and (max-width:425px) {
		
	.checkInInfo .accordion-heading [data-parent="#set-rl_sliders-4"] span,
	.checkInInfo .accordion-heading [data-parent="#set-rl_sliders-5"] span {
		max-width: 300px;
	}
	
	
}


@media screen and (max-width:375px) {
	
	.item-page .dormitoryHeader {
		margin-top: 3rem;
	}
	.item-page .dormitoryHeader.domstud {
        max-width: inherit;
    }
	
	.checkInInfo .accordion-heading [data-parent="#set-rl_sliders-2"] span {
		position: unset;
		line-height: normal;
	}
	.checkInInfo .accordion-heading [data-parent="#set-rl_sliders-2"] span:after {
		right: 0;
		top: 8px;
	}
	
	
}