h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 30px;
}

span, p, div {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
}

.cursive {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-size: 18px;
}

.container {
    max-width: 1141px;
    margin: 0 auto;
}


/*-------------- header site -----------*/

header#masthead {
    max-height: 201px;
    height: 100%;
    background-image: url(/wp-content/uploads/2021/03/plashka-pod-logo.png);
    background-repeat: no-repeat;
	background-position: center left;
    background-position-x: calc(100vh - 945px);
	position: relative;
    z-index: 99999;
}

.first-line {
    display: flex;
    justify-content: space-between;
	align-items: center;
	padding-top: 56px;
}

.adress {
    display: flex;
    flex-flow: column;
}

.adress span {
    color: #fff;
}

span.phone {
    margin-top: 23px;
}

ul#primary-menu {
    display: flex;
    justify-content: flex-end;
}

.menu a {
    font-size: 20px;
    line-height: 27px;
    display: flex;
    align-items: center;
    color: #EDBE00 !important;
    text-transform: uppercase;
    margin-left: 80px;
}

.menu-line {
    margin-top: 34px;
}

.adress-line img {
    margin-right: 23px;
}

.phone img {
    margin-right: 18px;
}

/*------------page content------------*/

.head-area {
    background-image: url(/wp-content/uploads/2021/03/foto-gl-str.jpg);
	background-size: cover;
    max-height: 816px;
    height: 816px;
/*
    position: absolute;
    top: 0;
    left: 0;
*/
    width: 100%;
    z-index: 0;
	padding-top: 284px;
	margin-top: -202px;
}

.heading-content {
    font-size: 36px;
    color: #fff;
	margin-bottom: 38px;
}

.content p {
    color: #fff;
}

.content {
    max-width: 850px;
}

.uslugi-column {
    display: grid;
    grid-template-columns: 33% 33% 33%;
	margin-bottom: 83px;
}

.heading-uslugi {
    font-weight: 600;
    font-size: 30px;
}

.uslugi-column .item-col {
    position: relative;
    padding: 0 24px;
}

.uslugi-column .item-col:before {
    content: " ";
    width: 8px;
    height: 100%;
    background-color: #E7C05E;
    position: absolute;
    border-radius: 5px;
    left: 0;
    top: 0;
}

.heading-h2 {
    font-size: 30px;
    color: #000;
    margin-bottom: 76px;
    margin-top: 52px;
    height: 55px;
    position: relative;
    z-index: 9999;
    line-height: 1.8em;
    text-transform: uppercase;
	margin-left: 80px;
}

section.yellow-back {
    background-image: url(/wp-content/uploads/2021/03/zheltyi-fon.jpg);
	background-size: cover;
}

.number span {
    font-family: 'Rubik', sans-serif;
    font-size: 144px;
}


.numbers-block .item-col {
    display: flex;
    align-items: flex-end;
}

.text span {
    font-size: 30px;
    text-transform: uppercase;
}

.text {
    margin-left: 40px;
    margin-bottom: 47px;
}

section.magazine .content p {
    color: #000;
}

.category {
    display: grid;
    grid-template-columns: 33% 33% 33%;
}

.category .item {
    padding: 20px 40px 20px 0;
    display: flex;
    flex-flow: column;
}

.category .item img {
    max-height: 300px;
    height: 100%;
    object-fit: cover;
}

.category .item div  {
    width: 100%;
    background-color: #EDBE00;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    padding: 1px;
	color: #000;
}

.line-numbers {
    height: 12px;
    background-color: #000;
    width: 144px;
    margin-top: 40px;
    border-radius: 4px;
}

.numbers-block * {
    color: #000;
}

section.yellow-back {
    padding: 72px 0;
}

.uslugi-column * {
    color: #000;
}

.plashka-heading {
	background-repeat: no-repeat;
    background-position: left center;
    left: 0;
    z-index: 999;
    overflow: visible;
    position: absolute;
    width: -webkit-fill-available;
    height: 55px;
}

.uslugi-heading {
    background-image: url(/wp-content/uploads/2021/03/plashka-pod-uslugi.png);
}

.object-heading {
    background-image: url(/wp-content/uploads/2021/03/plashka-pod-real-uslugi.png);
}

.magazine-heading-block {
	background-image: url(/wp-content/uploads/2021/03/plashka-pod-magazin.png);
}

.footer-pl-heading {
	background-image: url(/wp-content/uploads/2021/03/plashka-pod-kontakty.png);
}


/*----------slider-------*/

button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
/*    background-color: red;*/
}

button.slick-next.slick-arrow {
    position: absolute;
    left: 63.5%;
}

button.slick-prev.slick-arrow {
    position: absolute;
    left: 34%;
}

button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
    z-index: 99999999;
}

.item.slick-slide.slick-active:not(.slick-current):before {
    width: 100%;
    height: 100%;
    z-index: 999999999;
    position: absolute;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(237, 190, 0, 0.3);
}

.slick-prev, .slick-next {
    top: 45% !important;
}

.item.slick-slide.slick-active {
    position: relative;
}



.item.slick-slide.slick-current.slick-active.slick-center:before {
	width: 100%;
    height: 100%;
    z-index: 999999999;
    position: absolute;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(2, 2, 2, 0.6);
}

.slick-slide:after {
    z-index: 999999999;
    width: 100%;
    height: 6px;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 10%;
    background-color: #fff;
    overflow: hidden;
}

.slick-slide.slick-current:after {
     background-color: #EDBE00 !important;
}

.slick-slide {
    position: relative;
}

.slick-prev:before {
    content: url(/wp-content/uploads/2021/03/strelka-2.png) !important;
}

.slick-next:before {
    content: url(/wp-content/uploads/2021/03/strelka-1.png) !important;
}

.item.slick-slide span {
    position: absolute;
    bottom: 15%;
    max-width: 310px;
    color: #fff !important;
    right: 20px;
    z-index: 99999999999999999;
	display: none;
}

.item.slick-slide.slick-current.slick-active.slick-center span {
    display: block;
}


.slick-slide:not(.slick-current):before {
    background-color: rgba(237, 190, 0, 0.3) !important;
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}






/*------------ footer ----------------*/

footer#colophon {
    background-color: #000;
}

.contact-adress-footer {
    display: flex;
    flex-flow: column;
}

.contact-adress-footer .item {
/*
    display: grid;
    grid-template-columns: 50% 50%;
    align-self: center;
*/
	
	align-self: center;
    display: flex;
    margin-bottom: 30px;
}

footer#colophon * {
    color: #fff;
}

.contact-adress-footer span {
    font-size: 24px;
}

span.offise-heading, span.magazine-heading {
    text-transform: uppercase;
    margin-left: 32vh;
}


.image-col img {
    width: 411px;
    max-width: 411px;
    max-height: 268px;
    height: 268px;
    object-fit: cover;
}

span.mail img {
    margin-right: 12px;
}

.contact-col {
    margin-right: 100px;
}

footer#colophon span.phone {
    margin: 27px 0;
}

footer#colophon span.adress-line {
    margin-top: 30px;
}

.item .contact-col {
    width: 457px;
}

.footer-line {
    border-bottom: 2px solid #edbf43;
    max-width: 1045px;
    width: 100vh;
}

footer .adress-line img {
    margin-right: 18px;
    margin-left: 5px;
}

footer span.phone img {
    margin-left: 2px;
    margin-right: 16px;
}

.rezhim-raboty {
    margin-left: 30vh;
    border-left: 3px solid #edbf43;
    padding-left: 27px;
}

span.rezhim-color {
    color: #edbf43 !important;
}

.social-icons {
    margin-top: 89px;
    display: flex;
    justify-content: center;
}

.social-icons a {
    margin: 0 20px;
}

.colontitul {
    margin-left: 30vh;
    font-size: 12px;
    margin-top: 54px;
    padding-bottom: 29px;
}

footer#colophon h2 {
    color: #000;
}



.post, .page {
    margin: 0 !important;
}

.mobile {
	display: none;
}

/*---------- mobile style -------------*/

@media screen and (min-width: 767px) and (max-width: 1250px) {
    .contact-adress-footer .item {
		flex-flow: column;
	}

	.container {
		margin: 0 40px;
	}

	.heading-uslugi {
		font-size: 18px;
	}

	.cursive {
		font-size: 14px;
	}

	.number span {
		font-size: 60px;
	}

	.line-numbers {
		height: 6px;
		width: 50px;
	}

	.text span {
		font-size: 20px;
	}

	.text {
		margin-bottom: 18px;
	}

	.item.slick-slide span {
		font-size: 14px;
		margin: 0 20px;
	}

	.category .item div {
		font-size: 18px;
	}

	.image-col {
		margin-top: 20px;
	}

	.menu a {
		margin-left: 40px;
		font-size: 16px;
	}
	
	header#masthead {
		background-position-x: calc(100vh - 1145px);
	}
	
	.slick-next:before {
		zoom: 0.5;
	}
	
	.slick-prev:before {
		zoom: 0.5;
	}
}




@media screen and (max-width:767px) {
	
	.pk {
		display: none;
	}
	
	.mobile {
		display: block;
	}
	
	.container {
		margin: 0 20px;
	}
	
	.number span {
		font-size: 36px;
	}

	.text span {
		font-size: 12px;
	}

	.line-numbers {
		height: 3px;
		width: 27px;
		margin: 0;
	}

	.image-col {
		display: none;
	}

	.footer-line {
		max-width: 120px;
		border-radius: 4px;
	}

	.uslugi-column {
		grid-template-columns: 100%;
	}

	.category {
		grid-template-columns: 50% 50%;
	}

	.menu-line {
		display: none;
	}

	.adress {
		display: none;
	}

	.category .item div {
		font-size: 14px;
	}

	.heading-h2 {
		font-size: 16px;
		margin-left: 0;
		margin-top: 22px;
    	margin-bottom: 25px;
		height: 27px;
		margin-left: 30px;
	}
	
	.logo img {
		max-width: 190px;
	}

	header#masthead {
		max-height: 92px;
		background-position-x: calc(100vh - 765px);
		background-size: cover;
	}

	.first-line {
		padding-top: 38px;
		align-items: flex-end;
	}
	
	.logo {
		margin-left: 30px;
		padding-bottom: 15px;
	}
	
	.heading-content {
		font-size: 20px;
		margin-bottom: 11px;
		margin-left: 30px;
	}
	
	span, p, div {
		font-size: 12px;
	}
	
	.head-area {
		padding-top: 230px;
		height: 640px;
	}
	
	.plashka-heading {
		height: 27px;
	}
	
	.uslugi-column .item-col {
		margin-bottom: 26px;
		padding: 0 15px;
	}

	.heading-uslugi {
		font-size: 16px;
	}

	.cursive {
		font-size: 12px;
	}

	.uslugi-column .item-col:before {
		width: 3px;
	}

	.uslugi-column {
		margin-bottom: 30px;
		margin: 0 30px 30px 30px;
	}
	
	.numbers-block {
		margin: 0 30px 30px 30px;
	}
	
	section.magazine .content p {
		margin: 0 30px 30px 30px;
	}
	
	section.yellow-back {
		padding: 17px 0;
	}

	.text {
		margin-bottom: 0px;
		margin-left: 10px;
	}
	
	.category .item {
		padding: 10px 10px 5px 0;
	}
	
	footer .adress {
		display: flex;
	}
	
	.category .item {
		padding: 10px 10px 5px 0;
	}

	footer .adress {
		display: flex;
	}

	.contact-adress-footer span {
		font-size: 14px;
	}

	.item .contact-col {
		width: auto;
		margin: 0 30px 0 30px;
	}

	span.offise-heading, span.magazine-heading {
		margin-left: 50px;
	}

	.rezhim-raboty {
		margin-left: 20px;
		margin: 0 0px 0 50px;
	}

	.social-icons {
		margin-top: 60px;
	}

	.colontitul {
		margin-left: 50px;
		font-size: 10px;
		margin-top: 20px;
	}

	.social-icons a {
		margin: 0 10px;
	}
	
	footer#colophon span.phone {
		margin: 14px 0;
	}
	
	footer .adress img {
		width: 20px;
		height: 20px;
		margin-left: 0;
		margin-right: 10px !important;
		vertical-align: middle;
	}
	
	.contact-adress-footer .item {
		align-self: flex-start;
		margin-left: 20px;
	}
	
	.numbers-block .item-col {
		margin-bottom: 15px;
	}
	
	.item.slick-slide span {
		left: 20px;
		margin-left: 110px;
	}
	
	.mobile-menu.mobile {
		display: flex;
	}
	
	.content.mobile {
		margin: 0 30px !important;
	}
	
	div#mobile-menu span.offise-heading, div#mobile-menu span.magazine-heading {
		margin-left: 20px;
	}

	div#mobile-menu .rezhim-raboty {
		margin-left: 20px;
	}
	
	.slick-slide:after {
		width: 90%;
		height: 2px;
		border-radius: 4px;
	}
	
	.item.slick-slide span {
		bottom: 12%;
	}
	
	.category .item img {
		max-height: 102px;
	}
	
	span.magazine-heading {
		margin-left: 50px;
	}
	
	footer span.offise-heading, footer span.magazine-heading {
		margin-bottom: 5px;
	}
	
	.rezhim-raboty {
		border-left: 2px solid #edbf43;
		border-radius: 1px;
	}
	
	.slick-next:before {
		content: url(/wp-content/uploads/2021/03/strelka-mobilnaja-next.svg) !important;
	}
	
	.slick-prev:before {
		content: url(/wp-content/uploads/2021/03/strelka-mobilnaja-prev.svg) !important;
	}
	
	button.slick-next.slick-arrow {
		right: 20px;
		left: auto;
	}
	
	button.slick-prev.slick-arrow {
		left: 20px;
		right: auto;
	}
	
	span.heading-text {
		font-weight: 600;
		font-size: 14px;
	}
	
	span.rezhim-color {
		font-weight: bold;
	}
	
	.uslugi-heading {
		background-image: url(/wp-content/uploads/2021/03/mobilnaja-plashka-pod-uslugi.png);
	}
	
	.object-heading {
		background-image: url(/wp-content/uploads/2021/03/mobilnaja-plashka-pod-obekty.png);
		background-size: 300px;
	}
	
	.magazine-heading-block {
		background-image: url(/wp-content/uploads/2021/03/plashka-pod-magazin-oborudovanija-mobilnaja.png);
		background-size: contain;
	}
	
	.footer-pl-heading {
		background-image: url(/wp-content/uploads/2021/03/mobilnaja-plashka-pod-kontakty.png);
		background-size: contain;
	}
	
	.head-area {
		background-position: center;
	}
	
	.head-area {
		background-image: url(/wp-content/uploads/2021/03/mobilnoe-fonovoe-foto.png);
	}
	
	
	
	
/*	----------- mobile menu ----------*/
	
	.mobile-nav-menu .adress {
		display: flex;
	}
	
	.mobile-nav-menu {
		background-color: #EDBE00;
	}

	.mobile-nav-menu * {
		color: #000 !important;
	}
	
	.header-menu-line {
		max-width: 120px;
		border-bottom: 2px solid #fff;
		border-radius: 4px;
	}
	
	.mobile-nav-menu .contact-col {
		margin: 15px 0 0;
	}

	.mobile-nav-menu {
/*
		width: 100%;
		height: 100vh;
*/
		
		width: 80%;
   		height: fit-content;
	}

	.mobile-nav-menu .item {
		margin: 0 20px 20px;
	}

	.mobile-nav-menu span.phone {
		margin: 15px 0;
	}
	
	.mobile-nav-menu > span {
		font-size: 14px;
	}
	
	#mobile-menu {
		position: fixed;
		right: 0;
    	top: 0;
		z-index: 9999999999999999999999999999;
	}
	
	#mobile-menu .adress img {
		vertical-align: middle;
	}
	
	a#close-mob-menu {
		position: absolute;
		right: 15px;
		top: 15px;
	}
	
	div#mobile-menu {
		padding-top: 35px;
   		padding-bottom: 35px;
		box-shadow: 0 0 1000px 1000px #2f2200e0;
		transition: 2s;
	}
	
	div#mobile-menu .rezhim-raboty {
		border-color: #fff;
		padding-left: 15px;
	}

	div#mobile-menu span.rezhim-color {
		color: #000 !important;
	}

	div#mobile-menu span.heading-text {
		font-weight: 600;
	}
	
	div#mobile-menu .contact-col img {
		margin-right: 10px;
		width: 15px;
		height: 15px;
	}
	
}

@media screen and (min-width: 767px) {
	div#mobile-menu {
		display: none;
	}
	
	/*new style slider*/


	.item.slick-slide.slick-current.slick-active.slick-center span {
		display: block;
		bottom: 13%;
	}

/*
	.slick-slide.slick-current:after {
		bottom: 17.8%;
	}

	.slick-center {
	  -webkit-transform: scale(1.25);
	  -moz-transform: scale(1.25);
	  transform: scale(1.25);
	  z-index: 99999999999;
	}
*/

	button.slick-next.slick-arrow {
		left: 76.5%;
	}

	button.slick-prev.slick-arrow {
		left: 21%;
	}
	
	
	
/* 	.item.slick-slide.slick-active img {
		height: 650px;
		object-fit: cover;
	}

	.slick-center {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		z-index: 99999999999;
		width: 800px !important;
		margin-left: -150px;
	} */
}


@media screen and (max-width: 360px) {
	.logo img {
		max-width: 160px;
	}

	header#masthead {
		background-position-x: calc(100vh - 685px);
	}
}