/*
Theme Name: Profi Realt Info
Author: osmak
Version: 1.0 */

:root{
	--font: #21232A;
	--font2: #525252;
	--lgrey: #F1F1F0;
	--lgrey2: #C4C4C4;
	--grey: #D5D5D5;
	--dgrey: #474747;
	--active: #A52722;
}
::selection {
	background: var(--active);
	color: #fff;
}
::-moz-selection {
	background: var(--active);
	color: #fff;
}

::-webkit-scrollbar-button{
	background-repeat: no-repeat;
	width: 8px;
	height: 0px;
}
::-webkit-scrollbar-track{
	background-color: var(--lgrey);
}
::-webkit-scrollbar-thumb{
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: var(--grey);
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
::-webkit-scrollbar-thumb:hover{
	background-color: var(--active);
}
::-webkit-resizer{
	background-repeat: no-repeat;
	width: 8px;
	height: 0px;
}
::-webkit-scrollbar{
	width: 8px;
}

/* default css */
html{
	scroll-behavior: smooth;
	color: var(--font);
	line-height: 1.5625;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-family: 'Philosopher', sans-serif;
	font-weight: 400;
}

body{
	margin: 0;
}
body.actm{
	overflow: hidden;
}

*,
*:before,
*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	-ms-tap-highlight-color: transparent;
	-o-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}

::-webkit-input-placeholder{
	color: var(--font2);
}
::-moz-placeholder{
	color: var(--font2);
}
:-moz-placeholder{
	color: var(--font2);
}
:-ms-input-placeholder{
	color: var(--font2);
}

input,
textarea,
select,
button{
	font-family: 'Philosopher', sans-serif;
}

a{
	background-color: transparent;
	text-decoration: none;
	color: var(--active);
}
a:not([class]){	
	-webkit-transition: color .2s ease-out 0s;
	-moz-transition: color .2s ease-out 0s;
	-ms-transition: color .2s ease-out 0s;
	-o-transition: color .2s ease-out 0s;
	transition: color .2s ease-out 0s;
}
svg *{
	-webkit-transition: fill .2s ease-out 0s, stroke .2s ease-out 0s;
	-moz-transition: fill .2s ease-out 0s, stroke .2s ease-out 0s;
	-ms-transition: fill .2s ease-out 0s, stroke .2s ease-out 0s;
	-o-transition: fill .2s ease-out 0s, stroke .2s ease-out 0s;
	transition: fill .2s ease-out 0s, stroke .2s ease-out 0s;
}
:focus,
:active{
	outline: none;
}
a:active,
a:hover{
	text-decoration: none;
}
a:hover,
a:focus{
	color: var(--active3);
}

b,
strong{
	font-weight: 700;
}
img{
	display: block;
	border: 0;
	max-width: 100%;
	height: auto;
}
svg{
	height: auto;
}
p{
	padding: 0;
}
p:not(:last-child){
	margin: 0 0 1em;
}
p:last-child{
	margin: 0;
}
p:not([class]):empty{
	display: none;
	padding: 0;
}
ul,
ol{
	margin: 0;
	padding: 0;
}
ul ul,
ol ul,
ul ol,
ol ol{
	margin-bottom: 0;
}
iframe{
	width: 100%;
	max-width: 100%;
}

/* class */
.container{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}

.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}
.text-justify{
	text-align: justify;
}

.flex{
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
}

.oh{
	overflow: hidden;
}
.pr{
	position: relative;
}

.i_bkg{
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.clear{
	clear: both;
}
.b_logo a{
	display: inline;
}
.b_sidebar .menu{
	list-style: none;
}
.b_sidebar .menu a{
	color: var(--font2);
	font-size: .9375em;
	line-height: 1.13333;
}
.b_sidebar .menu a:hover{
	color: var(--active);
}
.b_sidebar .current_page_item > a{
	position: relative;
	color: var(--active);
	font-weight: bold;
}
.b_sidebar .menu > li{
	position: relative;
}
.b_sidebar .wp-menu-img-before > a{
	display: flex;
}

.b_sidebar .wp-menu-img-before img{
	max-width: 1.6667em;
	max-height: 1.6667em;
	width: auto;
	position: relative;
	z-index: 1;
}
.b_sidebar .wp-menu-img-before img + span::before{
	width: 3.4em;
	height: 3.4em;
	position: absolute;
	content: '';
	display: block;
	background-color: #fff;
	border-radius: 6px;
	border: 2px solid var(--grey);
}
.b_sidebar .wp-menu-img-before.current-menu-item img + span::before{
	border-color: var(--active);
}

.dflt h1,
.dflt .h1{
	font-weight: 400;
}
.dflt h1:first-child,
.dflt .h1:first-child,
.dflt h2:first-child,
.dflt .h2:first-child,
.dflt h3:first-child,
.dflt .h3:first-child,
.dflt h4:first-child,
.dflt .h4:first-child,
.dflt h5:first-child,
.dflt .h5:first-child,
.dflt h6:first-child,
.dflt .h6:first-child{
	margin-top: 0;
}
.dflt h1:last-child,
.dflt .h1:last-child,
.dflt h2:last-child,
.dflt .h2:last-child,
.dflt h3:last-child,
.dflt .h3:last-child,
.dflt h4:last-child,
.dflt .h4:last-child,
.dflt h5:last-child,
.dflt .h5:last-child,
.dflt h6:last-child,
.dflt .h6:last-child{
	margin-bottom: 0;
}

.dflt blockquote{
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='138' height='138' viewBox='0 0 138 138' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='69' cy='69' r='69' fill='%23F1F1F0'/%3e%3cpath d='M121.088 94.8815L76.3411 17.3654C73.7474 12.8739 67.2526 12.8739 64.6588 17.3654L19.9121 94.8815C17.3184 99.3731 20.5658 105.003 25.7532 105.003H115.247C120.434 105.003 123.682 99.3731 121.088 94.8815ZM70.5632 41.236C73.4311 41.236 75.7506 43.6188 75.6663 46.4867L74.8228 75.9242C74.7596 78.2438 72.8617 80.0784 70.5421 80.0784C68.2226 80.0784 66.3247 78.2227 66.2615 75.9242L65.4391 46.4867C65.3758 43.6188 67.6743 41.236 70.5632 41.236ZM70.5 94.4809C67.5689 94.4809 65.186 92.098 65.186 89.1669C65.186 86.2358 67.5689 83.853 70.5 83.853C73.4311 83.853 75.8139 86.2358 75.8139 89.1669C75.8139 92.098 73.4311 94.4809 70.5 94.4809Z' fill='white'/%3e%3c/svg%3e");
	margin: 0 0 2.75em 0;
}

.dflt ul,
.dflt ol{
	list-style: none;
	line-height: 1.5625;
	margin-top: 1em;
}
.dflt ul:not(:last-child),
.dflt ol:not(:last-child){
	margin-bottom: 2.75em;
}
.dflt ol{
	counter-reset: num;
}
.dflt li{
	position: relative;
	padding-left: 2em;
}
.dflt ul li::before{
	content: '';
	position: absolute;
	left: 0;
	top: .40625em;
	width: .75em;
	height: .75em;
	border-radius: 6px;
	background-color: var(--lgrey2);
}
.dflt ol ul li::before{
	border-radius: 0;
	height: 2px;
	top: .71875em;
}
.dflt li:not(:last-child){
	margin-bottom: 1.25em;
}
.dflt ol > li::before{
	content: counter(num)'.';
	counter-increment: num;
	position: absolute;
	top: 0;
	left: 0;
}
.dflt .alignnone,
.dflt .aligncenter{
	margin: 1em 0;
}
.dflt img + br{
	display: none;
}

@media(max-width: 992px){
	.full_logo{
		display: none;
	}
	.dflt h1,
	.dflt .h1{
		font-size: 1.875em;
		line-height: 1.1333em;
	}
	.dflt h2,
	.dflt .h2,
	.dflt h3,
	.dflt .h3,
	.dflt h4,
	.dflt .h4,
	.dflt h5,
	.dflt .h5,
	.dflt h6,
	.dflt .h6{
		font-size: 1em;
	}
}

@media(max-width: 650px){
	html{
		font-size: 16px;
	}
	body{
		padding-bottom: 1.875em;
	}
	main{
		overflow: hidden;
	}
	.container{
		padding-right: 1.875em;
		padding-left: 1.875em;
	}
	.b_sidebar{
		overflow: hidden;
		background-color: #fff;
		position: fixed;
		padding: 1.25em 1.875em;
		top: 0;
		left: 0;
		right: 0;
		z-index: 2;
	}
	.b_sidebar .mini_logo{
		display: block;
		height: 1.6875em;
		z-index: 3;
	}
	.b_sidebar > .for_mob{
		position: absolute;
		right: 1.875em;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: opacity .2s ease-out 0s;
	    -moz-transition: opacity .2s ease-out 0s;
	    -ms-transition: opacity .2s ease-out 0s;
	    -o-transition: opacity .2s ease-out 0s;
	    transition: opacity .2s ease-out 0s;
	}
	.actm .b_sidebar > .for_mob{
		opacity: 0;
	}
	.b_content{
		margin-top: 4.2em;
	}
	.b_sidebar .box_menu{
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		padding: 0;
		overflow: auto;
		-webkit-transition: -webkit-transform .2s ease-out 0s;
	    -moz-transition: -moz-transform .2s ease-out 0s;
	    -ms-transition: -ms-transform .2s ease-out 0s;
	    -o-transition: -o-transform .2s ease-out 0s;
	    transition: transform .2s ease-out 0s;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	.actm .b_sidebar .box_menu{
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
	.box_menu .for_mob{
		position: fixed;
	    right: 1.875em;
	    top: 1.375em;
	    background-color: #fff;
	}
	.b_sidebar .menu{
		margin-top: 4.2em;
		background-color: #fff;
		padding: 1em 1.875em 1.875em;
	}
	.b_sidebar .menu > li{
		margin-bottom: 1.5625em;
	}
	.b_sidebar .wp-menu-img-before > a{
		align-items: center;
	    flex-direction: row;
	    justify-content: flex-start;
	}
	.b_sidebar .menu a {
    	font-size: .9375em;
    	line-height: 1.13333;
	}
	.b_sidebar .wp-menu-img-before img{
		margin: .8667em 2.5333em .8667em .8667em;
	}
	.b_sidebar .wp-menu-img-before img + span::before{
		top: 50%;
	    left: 0;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	}

	.dflt .alignleft,
	.dflt .alignright{
		margin: 1em 0;
	}

	.dflt blockquote{
		background-size: 5em auto;
		background-position: 0 0;
	}
	.dflt blockquote::before{
		content: '';
		display: block;
		width: 5em;
		height: 5em;
		float: left;
		margin: 0 1em 1em 0;
	}
	.dflt blockquote::after{
		content: '';
		display: block;
		clear: both;
	}
}