/*
	Theme Name: Proasdor
	Version: 1.0
	Author: OFFICE. Media Crew
	Author URI: https://officecrew.ru
*/

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap");

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:focus {
	outline: none;
}

:-moz-any-link:focus {
	outline: none;
}

a {
	text-decoration: none;
	color: #5C5857;
}

button:active, button:focus {
	outline: none;
}

button:-moz-focus-inner {
	border: 0;
}

input[type="submit"] {	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

html, body, p, ul, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}

ul {
	list-style: none;
}

body {
	font-family: "Montserrat", sans-serif;
	background: #fff;
	font-weight: 400;
	color: #5C5857;
	font-size: 16px;
}

.clear {
	clear: both;
	display: block;
}

.h-align-c {
	display: flex;
	align-items: center;
}

.w-align-r {
	display: flex;
	justify-content: flex-end; 
}

.w-align-c {
	display: flex;
	justify-content: center;
}

.header-1 {
	background: #5C5857;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-weight: 300;
}

.header-1 i {
	font-size: 20px;
}

.header-1 a {
	color: #fff;
}

.header-1 a[href^="tel"] {
	margin: 0 0 0 38px;
	color: #F1B51C;
	text-decoration: underline;
}

.header-1 a[href^="https://wa.me"] {
	text-decoration: underline;
}

.header-1 a[href^="mailto"]:hover, .header-1 a[href="https://proasdor.ru/kontakty"]:hover {
	text-decoration: underline;
}

.header-1 a[href^="tel"]:hover, .header-1 a[href^="https://wa.me"]:hover {
	text-decoration: none;
}

.header-2 {
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
	z-index: 5;
	position: relative;
	background: #fff;
}

.header-2 img {
	display: block;
	transition: .2s all;
	max-width: 100%;
	max-height: 30px;
}

.header-2 img:hover {
	opacity: .5;
}

.callback-1 {
	width: 180px;
	height: 34px;
	background: #F1B51C;
	transition: .2s all;
	display: block;
	text-align: center;
	line-height: 34px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
}

.callback-1:hover {
	background: #5C5857;
	color: #EFECEA;
}

#menu-glavnoe-menyu li {
	float: left;
	padding: 0 5px 0 0;
}

#menu-glavnoe-menyu li:nth-last-of-type(1) {
	padding: 0;
}

.block-1 {
	background-size: cover !important;
	height: calc(100vh - 123px);
	position: relative;
	min-height: 250px;
}

#menu-glavnoe-menyu li a {
	color: #5C5857;
	height: 64px;
	display: block;
	line-height: 64px;
	padding: 0 10px;
	transition: .2s all;
}

#menu-glavnoe-menyu li a:hover {
	color: #F1B51C;
}

.block-1 .arrow img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
	margin: auto;
	display: block;
	animation: arrow_animation 2s infinite;
}

@keyframes arrow_animation {

	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(10px);
	}

}

.block-1 .container, .block-1 .row, .block-1 div[class^="col"] {
	height: 100%;
}

.block-1 h1 {
	font-size: 48px;
	font-weight: 500;
	color: #fff;
}

.block-1 p {
	font-size: 18px;
	padding: 10px 0 0 0;
	color: #fff;
}

.block-1 a {
	display: block;
	width: 164px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	color: #5C5857;
	background: #F1B51C;
	margin: 20px 0 0 0;
	transition: .2s all;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
}

.block-1 a:hover {
	background: #5C5857;
	color: #EFECEA;
}

.block-2 h2, .block-3 h2, .block-4 h2, .block-5 h2, .block-6 h2, .block-7 h2, .container-contact h2 {
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
}

.container-contact h2 {
	padding: 0 0 20px 0;
}

.block-2 {
	padding: 70px 0;
}

.block-3 {
	background: #EFECEA;
	padding: 70px 0 50px 0;
}

.block-7 h2 {
	padding: 70px 0 50px 0;
}

.block-3 img, .category-service img, .category-rent img {
	max-width: 100%;
	display: block;
}

.block-3 h2 {
	padding: 0 0 50px 0;
}

.block-3 a div div, .category-service a div div {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	color: #fff;
	z-index: 2;
}

.block-3 a div div span, .category-service a div div span {
	font-size: 18px;
	font-weight: 500;
	display: block;
	height: 66px;
	margin: 0 0 10px 0;
}

.block-3 a div div p, .category-service a div div p {
	display: block;
	height: 57px;
}

.block-3 a b, .category-service a b {
	font-weight: 500;
	text-align: center;
	height: 54px;
	line-height: 54px;
	background: #F1B51C;
	display: block;
	text-transform: uppercase;
	transition: .2s all;
}

.block-3 a, .category-service a {
	display: block;
	transition: .2s all;
	margin: 0 0 30px 0;
}

.block-3 a:hover, .category-service a:hover {
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
}

.block-3 a:hover b, .category-service a:hover b {
	background: #fff;
}

.service-card {
	background-size: cover !important;
	position: relative;
	height: 396px;
}

.service-card:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .8) 100%);
	opacity: .8;
	z-index: 1;
}

.block-4 {
	padding-top: 70px;
}

.block-4 h2 {
	padding: 0 0 50px 0;
}

.block-4 img {
	display: block;
	max-width: 100%;
}

.block-4 .header {
	font-weight: 500;
	font-size: 18px;
	padding: 0 0 10px 0;
}

.block-4 p {
	padding: 0 0 40px 0;
}

.block-5 .more-instagram, .block-6 .more-work {
	display: block;
	width: 152px;
	height: 34px;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	line-height: 34px;
	background: #F1B51C;
	transition: .2s all;
	margin: 0 auto;
}

.block-5 .more-instagram:hover, .block-6 .more-work:hover {
	background: #5C5857;
	color: #EFECEA;
}

.block-5 h2 {
	padding: 30px 0 50px 0;
}

.block-6 {
	background: #EFECEA;
	padding: 70px 0;
	margin: 70px 0 0 0;
}

.block-6 h2 {
	margin: 0 0 50px 0;
}

.work-card {
	height: 326px;
	background-size: cover !important;
	position: relative;
}

.block-6 .col-md-6 a {
	display: block;
	transition: .2s all;
	margin: 0 0 30px 0;
}

.block-6 .col-md-6 a:hover {
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
}

.work-card:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .8) 100%);
	opacity: .8;
	z-index: 1;
}

.block-6 a div div {
	position: absolute;
	left: 30px;
	bottom: 30px;
	right: 30px;
	color: #fff;
	z-index: 2;
}

.block-6 a div div span {
	font-size: 24px;
	font-weight: 500;
	height: 58px;
	display: block;
}

.block-6 a div div p {
	font-size: 14px;
	padding: 10px 0 0 0;
}

.block-6 .more-work {
	margin: 10px auto 0 auto;
}

.photo_instagram {
	margin: 0 -15px 40px -15px;
}

.slick-slider {
	overflow: hidden;
}

.slick-slide img {
	width: 100%;
}

.photo_instagram .slick-track {
	display: flex;
}

.photo_instagram .slick-slide {
	height: auto;
	max-height: 225px;
	flex: 0 0 auto;
}

.photo_instagram img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: .2s all;
}

.photo_instagram img:hover {
	opacity: .5;
}

.photo_instagram .slick-slide div {
	height: 100%;
}

.photo_instagram_item {
	padding: 0 15px;
}

footer img {
	display: block;
	max-width: 100%;
	transition: .2s all;
	max-height: 30px;
}

footer img:hover {
	opacity: .5;
}

.block-8 {
	background: #EFECEA;
	margin: 30px 0 0 0;
	padding: 40px 0;
}

footer .callback-1 {
	float: right;
}

.block-8 b {
	display: block;
	font-weight: 400;
	padding: 0 0 10px 0;
}

.block-8 div {
	font-weight: 300;
}

footer .col-lg-4 a:hover, footer .col-md-3:not(.col-lg-2) a:not(.callback-1):hover {
	text-decoration: underline;
}

footer .col-lg-4 a, footer .col-md-3:not(.col-lg-2) a[href^="mailto"] {
	margin: 0 0 5px 0;
	display: inline-block;
}

.block-9 {
	font-size: 12px;
	background: #5C5857;
	padding: 10px 0;
	font-weight: 300;
	color: #fff;
}

.block-9 a {
	color: #fff;
}

.block-9 a span {
	color: #FFCC04;
	font-weight: 500;
}

.block-9 .col-md-6:nth-of-type(2) {
	text-align: right;
}

.block-9 a {
	font-weight: 400;
}

.block-9 a:hover {
	text-decoration: underline;
}

.current-menu-item a {
	font-weight: 500;
}

.breadcrumbs {
	padding: 40px 0 70px 0;
	font-size: 14px;
}

.breadcrumbs:after, .category-rent-menu:after {
	content: "";
	display: block;
	clear: both;
}

.breadcrumbs li {
	float: left;
	padding: 0 10px 0 0;
}

.breadcrumbs a {
	text-decoration: underline;
}

.breadcrumbs a:hover {
	text-decoration: none;
}

.container-contact p {
	padding: 0 0 10px 0;
}

.container-contact a:hover {
	text-decoration: underline;
}

.container-contact strong {
	font-weight: 500;
}

#map {
	height: 415px;
	margin: 40px 0 70px 0;
}

.slick-arrow {
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 50%;
	width: 30px;
	height: 68px;
	border: 0;
	font-size: 0;
	background: rgba(255, 255, 255) url("/wp-content/themes/proasdor/images/arrow-r.svg") no-repeat center center;
	transform: translate(0, -50%);
	cursor: pointer;
	opacity: .8;
	transition: .2s all;
	padding: 0;
	margin: 0;
	z-index: 4;
}

.slick-prev {
	left: 15px;
	right: auto;
	background: rgba(255, 255, 255) url("/wp-content/themes/proasdor/images/arrow-l.svg") no-repeat center center;
}

.slick-arrow:hover {
	opacity: .5;
}

.modal_overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .6);
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: .2s all;
}

.show_modal {
	opacity: 1;
	visibility: visible;
}

.modal_main {
	padding: 25px;
	background: #fff;
	width: 360px;
	position: absolute;
	margin: auto;
	top: 50%;
	right: 0;
	left: 0;
	box-shadow: 0 4px 4px 0px rgba(0, 0, 0, .25);
    transform: translate(0, -20%);
	transition: .2s all;
}

.show_modal .modal_main {
	transform: translate(0, -50%);
}

.modal_main img, .modal_leasing img {
	position: absolute;
	right: -24px;
	top: 0;
	cursor: pointer;
	transition: .2s all;
}

.modal_main img:hover {
	opacity: .5;
}

.modal_main input[type="text"] {
	width: 100%;
	height: 32px;
	border: 0;
	padding: 0 10px;
	font-style: italic;
	font-family: "Montserrat", sans-serif;
	background: #EFECEA;
	font-size: 18px;
	font-weight: 300;
	transition: .2s all;
	margin: 0 0 10px 0;
}

.f_title {
	display: none;
}

.modal_main label {
	font-size: 11px;
	position: relative;
	display: block;
	padding: 0 0 10px 0;
}

.modal_main label:before {
	content: "";
	width: 9px;
	height: 9px;
	border: 1px solid #F1B51C;
	position: relative;
	display: block;
	float: left;
	margin: 2px 0 0 0;
	cursor: pointer;
}

.modal_main label span {
	float: left;
	width: calc(100% - 10px);
	padding: 0 0 0 5px;
}

.modal_main label a {
	text-decoration: underline;
	color: #223342;
}

.modal_main label a:hover {
	text-decoration: none;
}

.modal_main #checkbox-1 {
	display: none;
}

.modal_main #checkbox-1:checked+span label:after {
	content: "";
	width: 3px;
	height: 3px;
	position: absolute;
	left: 3px;
	top: 5px;
	background: #F1B51C;
	cursor: pointer;
}

span.wpcf7-list-item {
	margin: 0 !important;
	display: block !important;
}

.callback-link {
	width: 100%;
	height: 30px;
	text-align: center;
	margin: 0 auto;
	background: #F1B51C !important;
	display: block;
	transition: .2s all;
	border: 0;
	font-weight: 300;
	font-family: "Montserrat", sans-serif;
	cursor: pointer;
	font-size: 16px;
}

.callback-link:hover {
	background: #5C5857 !important;
	color: #EFECEA;
}

div.wpcf7 .ajax-loader, .wpcf7-response-output {
	display: none !important;
}

span.wpcf7-list-item {
	display: block !important;
	margin: 0 !important;
}

.wpcf7-not-valid-tip {
	font-size: 12px !important;
	font-weight: 300 !important;
	padding: 0 0 10px 10px !important;
}

.wpcf7 form.sent .wpcf7-response-output {
	display: block !important;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	border: 0;
	font-size: 12px;
}

.modal_main .header {
	font-size: 18px;
	padding: 0 0 15px 0;
}

.category-service h1, .category-work h1, .category-rent h1 {
	font-size: 24px;
	font-weight: 500;
	padding: 0 0 40px 0;
}

.category-rent h1, .category-service h1 {
	padding: 0 0 20px 0;
}

.category-service p {
	padding: 0 0 40px 0;
}

.category-work-item {
	background: #EFECEA;
	padding: 25px 0;
	margin: 0 0 30px 0 !important;
}

.category-work-item img {
	max-width: 100%;
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: .2s all;
}

.category-work-item img:hover {
	opacity: .5;
}

.category-work-item h2 {
	font-weight: 500;
	font-size: 18px;
	padding: 0 0 20px 10px;
}

.category-work-item p {
	font-weight: 300;
	padding: 0 0 40px 10px;
}

.category-work-item .col-lg-5 a {
	font-weight: 300;
	margin: 0 0 0 10px;
	background: #5C5857;
	color: #fff;
	width: 150px;
	height: 34px;
	display: block;
	text-align: center;
	line-height: 34px;
	float: left;
	transition: .2s all;
}

.category-work-item .col-lg-5 a:hover {
	color: #5C5857;
	background: #F1B51C;
}

.category-work-item .col-lg-5 span {
	float: right;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	font-weight: 300;
}

.category-work-item .col-lg-1 div {
	display: block;
	height: 54px;
	width: 100%;
	color: #5C5857;
	background: #F1B51C;
	transition: .2s all;
	text-align: center;
	line-height: 54px;
	max-width: 54px;
}

.category-work, .category-rent {
	padding-bottom: 40px;
}

.loading-works {
	width: 150px;
	height: 34px;
	background: #5C5857;
	color: #fff;
	text-align: center;
	transition: .2s all;
	line-height: 34px;
	margin: 40px auto 0 auto;
}

.loading-works:hover {
	color: #5C5857;
	background: #F1B51C;
	cursor: pointer;
}

.block-7 {
	padding-bottom: 40px;
}

.block-7 img {
	max-width: 100%;
	display: block;
}

.category-service {
	padding-bottom: 40px;
}

.category-rent-item {
	background: #EFECEA;
	padding: 20px 5px;
	margin: 0 0 30px 0 !important;
}

.category-rent-item li span {
	background: #EFECEA;
	position: relative;
	z-index: 2;
	padding: 0 10px 0 0;
}

.category-rent-item li span:nth-of-type(2) {
	float: right;
	padding: 0 0 0 10px;
	width: 100px;
}

.category-rent-item .col-lg-7 div {
	font-size: 18px;
	font-weight: 500;
	padding: 0 0 15px 0;
}

.category-rent-item li {
	padding: 0 0 10px 0;
	position: relative;
}

.category-rent-item li:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 14px;
	right: 0;
	border-bottom: 1px solid #5C5857;
	opacity: .5;
	z-index: 1;
}

.category-rent-item a {
	font-weight: 300;
	color: #5C5857;
	background: #F1B51C;
	width: 150px;
	height: 34px;
	display: block;
	text-align: center;
	line-height: 34px;
	transition: .2s all;
	position: absolute;
	left: 15px;
	bottom: 0;
}

.category-rent-item a:hover {
	background: #5C5857;
	color: #fff;
}

.category-rent-item img {
    max-width: 100%;
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.category-rent-menu li {
	float: left;
	margin: 0 20px 10px 0;
	cursor: pointer;
	transition: .2s all;
}

.category-rent-menu {
	padding: 0 0 30px 0;
}

.category-rent-menu li.active {
	color: #F1B51C;
}

.category-rent-menu li:hover {
	text-decoration: underline;
}

main {
	min-height: calc(100vh - 311px)
}

.container-page p {
	padding: 0 0 15px 0;
}

.container-page ul {
	padding: 0 0 15px 40px;
	list-style-type: disc;
}

.container-page p:nth-last-of-type(1) {
	padding: 0;
}

.container-page h1 {
	font-weight: 500;
	font-size: 24px;
	padding: 0 0 40px 0;
}

.container-page {
	padding-top: 70px;
	padding-bottom: 70px;
}

.social-network {
	position: fixed;
	top: 50%;
	right: 20px;
	height: auto;
	transform: translate(0, -50%);
	z-index: 5;
}

.social-network a {
	width: 46px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	color: #fff;
	box-shadow: 0 2px 6px 0px rgba(0, 0, 0, .25);
	display: block;
	font-size: 26px;
	margin: 15px 0 0 0;
	transition: .2s all;
}

.social-network a:hover {
	transform: rotate(-10deg);
}

.social-network .wa {
	background: #02B85F;
}

.social-network .vi {
	background: #574E92;
	line-height: 52px;
	font-size: 24px;
}

.social-network .vk {
	background: #4A76A8;
}

.social-network .in {
	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.social-network a:nth-of-type(1) {
	margin: 0;
}

.container-error {
	color: #fff;
}

.container-error h1 {
	font-size: 36px;
	font-weight: 500;
	padding: 0 0 30px 0;
}

.container-error p {
	font-size: 18px;
}

.container-error a {
	width: 250px;
	height: 52px;
	text-align: center;
	line-height: 52px;background: #F1B51C;
	transition: .2s all;
	display: block;
	margin: 70px 0 0 0;
	font-size: 18px;
}

.container-error a:hover {
	background: #5C5857;
	color: #EFECEA;
}

.mobile-menu {
	display: none;
	width: calc(50% - 15px);
	height: 32px;
	position: relative;
	cursor: pointer;
	max-width: 40px;
}

.mobile-menu div {
	display: block;
	height: 2px;
	transition: .5s all;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	position: absolute;
	background: #5C5857;
}

.mobile-menu div:after, .mobile-menu div:before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	transition: .5s all;
	position: absolute;
	background: #5C5857;
}

.mobile-menu div:after {
	top: 12px;
}

.mobile-menu div:before {
	top: -12px;
}

.mobile-menu-show div:after {
	transform: rotate(45deg);
}

.mobile-menu-show div:before {
	transform: rotate(-45deg);
}

.mobile-menu-show div:after, .mobile-menu-show div:before {
	top: 0;
}

.mobile-menu-show div {
	background: transparent;
}

#menu-item-251 {
	display: none;
}

a.top {
	color: #5C5857;
	margin: 50px 0 0 0;
	opacity: 0;
	visibility: hidden;
	background: #fff;
}

a.top_active {
	opacity: 1;
	visibility: visible;
}