/*!
Theme Name: reok
Theme URI: http://underscores.me/
Author: Egor_Zhurawski
Author URI: https://t.me/Egor_Zhurawski
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: reok
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

reok is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

* {
	outline: none;
}

ol,
ul {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}

a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #000;
	-webkit-transition: all ease .15s;
	-o-transition: all ease .15s;
	transition: all ease .15s;
}

a:focus {
	outline: 0;
}
 
a:hover,
a:active {
	outline: 0;
}

img {
	max-width: 100%;
	height: auto;
}

button, input, textarea {
	background: none;
	outline: 0 !important;
	border: none;
	padding: 0;
	-webkit-transition: all ease .25s;
	-o-transition: all ease .25s;
	transition: all ease .25s
}

button[disabled='disabled']{
	opacity: .75;
}

html, body {
	font-family: 'MontserratR', sans-serif;
	height: 100%;
	background: #fff;
}

b, strong {
	font-family: 'MontserratB';
	font-weight: normal;
}


.header {
	position: sticky;
	top: 0;
	background: #ED6626;
	padding: 10px 0;
	z-index: 101;
}


.header-item {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.header-items__logo {
	position: absolute;
	top: 0;
}

.header-items__logo::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 87px;
	height: 89px;
	border: 10px solid #11A9DD;
}

.header-items__logo a {
		font-size: 26px;
		text-transform: uppercase;
		color: #fff284;
		line-height: 1.1;
		font-family: 'MontserratB';
		text-shadow: 0px 0px 8px rgb(0 0 0 / 50%), 0px 0px 8px rgb(0 0 0 / 50%);
		margin: 17px 0 0 20px;
}

.header-items__work {
	position: relative;
	margin-left: auto;
	text-align: right;
	line-height: 1.25;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.header-items__work p {
	margin-bottom: 0;
	color: #fff;
}

.header-items__work-number {
	margin-left: 15px;
	display: none;
}

.header.active .header-items__work-number {
	display: block;
}

.header-items__work-number a {
	color: #fff;
}

.header-items__work-number-absolute {
	position: absolute;
	bottom: -90px;
	right: 0;
	width: 320px;
	transition: opacity ease .3s
}

.header.active .header-items__work-number-absolute {
	opacity: 0;
}

.header-items__work-number-absolute a {
	font-size: 30px;
	color: #fff;
	font-family: 'UbuntuB';
}

.header-items__work a i.fa-phone-volume {
	transform: rotate(-35deg);
}

.bg {
	position: relative;
	height: 900px;
	background-image: url('assets/img/bg.jpg');
	background-repeat: no-repeat;
	background-position: top -50px center;
	background-size: cover;
}

.bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0	;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}

.bg-item {
	position: relative;
	background: rgba(17,169,221,0.7);
	width: 375px;
	border-radius: 15px;
	padding: 40px 25px 30px 25px;
	margin-top: 60px;
	margin-left: 20px;
	z-index: 1;
}

.bg-item h1 {
	font-size: 43px;
	text-shadow: 0px 0px 8px rgb(0 0 0 / 50%), 0px 0px 8px rgb(0 0 0 / 50%);
	color: #fff;
	width: 750px;
	font-family: 'MontserratB';
	margin-bottom: 30px;
}

.bg-item ul {
	margin-bottom: 30px;
}

.bg-item ul li:not(:last-child) {
	margin-bottom: 25px;
}

.bg-item ul li p {
	margin-bottom: 0;
	color: #fff;
	font-size: 18px;
	line-height: 1.25;
}

.bg-item ul li p i {
	font-size: 21px;
	margin-top: 2px;
	margin-right: 7px;
}

.bg-item ul li p:nth-child(1) {
	font-size: 25px;
	font-family: 'UbuntuB';
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.btnModal {
	width: 100%;
	height: 60px;
	background: #ED6626;
	border-radius: 50px;
	color: #fff;
	font-family: 'MontserratB';
}

.btnModal:hover {
	background: #e76829;
	box-shadow: 0px 0px 25px #e76829;
}

.bg-clearfix {
	position: relative;
	margin-top: -240px;
	overflow: hidden;
	margin-bottom: -250px;
}

.bg-clearfix img {
	min-width: 1920px;
	height: auto;
}


.services {
	position: relative;
}



.title {
	text-align: center;
	font-size: 36px;
	font-family: 'MontserratB';
	margin-bottom: 50px;
}

.services-cards {
	box-shadow: 6px 6px 8px rgb(127 127 127 / 50%);
	border-radius: 7px 7px 15px 15px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
	transition: box-shadow ease .3s;
}

.services-cards:hover {
	box-shadow: 6px 6px 8px rgb(127 127 127 / 70%);
}

.services-cards img {
	width: 100%;
	height: 170px;
	object-fit: cover;
}

.services-cards-item {
	background: linear-gradient(to bottom,#1697C3 38%,#0071BC );
	padding: 13px 20px 25px 20px;
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.services-cards__header {
	background: #ED5216;
	border-radius: 7px;
	margin-bottom: 10px;
	text-align: center;
	padding: 5px;
	min-height: 53px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.services-cards__header h3 {
	font-size: 18px;
	margin-bottom: 0;
	font-family: 'MontserratB';
}

.services-cards__header p {
	margin-bottom: 0;
	font-size: 14px;
}

.services-cards__body {
	flex: 1;
}

.services-cards__body ul li:not(:last-child) {
	margin-bottom: 5px;
}

.services-cards__body ul li ul {
	padding-left: 10px;
}

.services-cards__footer {
	position: relative;
	margin-top: 15px;
	padding-top: 10px;
}

.services-cards__footer::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 60%;
	background: rgba(255, 255, 255, .6);
	height: 2px;
	border-radius: 5px;
}

.services-cards__footer p {
	font-family: 'MontserratB';
	margin-bottom: 0;
	line-height: 1.25;
}

.services-cards__footer p.price {
	font-size: 18px;
	font-family: 'MontserratEB';
}

.services-cards__footer p.price span {
	font-size: 36px;
}

.services-cards__footer .btnModal {
	margin-top: 15px;
}

.froze-item {
	background: #11A9DD;
	box-shadow: 0px 0px 12px rgb(127 127 127 / 50%), 0px 0px 12px rgb(127 127 127 / 50%);
	border-radius: 30px;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}

.froze-item__caption {
	width: calc(100% - 450px);
	padding: 25px 10px 15px 35px;
	color: #fff;
}

.froze-item__caption h2 {
	font-size: 36px;
	font-family: 'MontserratEB';
	text-transform: uppercase;
	margin-bottom: 15px;
	text-shadow: 0px 0px 10px rgb(237 82 22 / 50%), 0px 0px 10px rgb(237 82 22 / 50%);
	width: 50%;
}

.froze-item__caption p {
	margin-bottom: 0;
	font-size: 24px;
	font-family: 'MontserratB';
}

.froze-item__caption .btnModal {
	margin: 15px 0;
	width: 250px;
	height: 50px;
}

.froze-item__caption p.froze-free {
	font-size: 30px;
	text-transform: uppercase;
	text-shadow: 0px 0px 10px rgb(237 82 22 / 50%), 0px 0px 10px rgb(237 82 22 / 50%);
}

.froze-item__img {
	width: 450px;
	height: 100%;
	margin-left: auto;
}

.froze-item__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px;
}

section {
	margin-bottom: 80px;
}

.swiper-gallery a {
	width: 100%;
	height: 190px;
}

.swiper-gallery a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.repair-window-item {
	position: relative;
}

.repair-window-item::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -50px;
	width: 480px;
	height: 440px;
	background: #ED5216;
	border-radius: 50%;
	z-index: -1;
	transition: top ease .7s;
}

.repair-window-item:hover::before {
	top: 40%;
}

.repair-window-item__img {
	position: absolute;
	top: 20px;
	width: 400px;	
	height: 400px;
	transition: top ease 1s;
}

.repair-window-item:hover .repair-window-item__img {
	top: 1px;
}

.repair-window-item__img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.repair-window-item__caption {
	width: 550px;
	margin-left: auto;
}

.repair-window-item__caption h2 {
	font-size: 30px;
	font-family: 'UbuntuB';
	margin-bottom: 15px;
	color: #ED5216;
}

.repair-window-item__caption p {
	font-size: 18px;
	margin-left: 70px;
	font-family: 'UbuntuR';
}

.repair-window-item__caption .btnModal {
	width: 270px;
	margin-left: 70px;
}


.call-back {
	padding: 50px 0;
	background: #11A9DD;
	color: #fff;
	text-align: center;
}

.call-back h2 {
	font-size: 36px;
	font-family: 'MontserratB';
	margin-bottom: 25px;
}

.call-back .btnModal {
	display: block;
	margin: 0 auto;
	width: 240px;
}


.contacts {
	background: #495057;
	padding: 65px 0 50px;
	color: #fff;
}

.contacts-item h2 {
	font-size: 36px;
	font-family: 'MontserratB';
	margin-bottom: 35px;
}

.contacts-item__logo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 35px;
}

.contacts-item__logo-img img {
	width: 120px;
	height: 120px;
}

.contacts-item__logo-caption {
	margin-left: 15px;
	padding: 9px 0 9px 20px;
	border-left: 4px solid #11A9DD;
}

.contacts-item__logo-caption p {
	margin-bottom: 0;
	font-size: 24px;
	line-height: 1.25;
}

.contacts-items {
	margin-bottom: 25px;
}

.contacts-items h3 {
	font-size: 24px;
	margin-bottom: 0;
	font-family: 'MontserratB';
}

.contacts-items p,
.contacts-items a {
	margin-bottom: 0;
	font-size: 24px;
	color: #fff;
}

.contacts-items a:hover {
	color: #ED6626;
}

.copyright {
	background: #212529;
	padding: 25px 0;
	text-align: center;
	font-size: 12px;
	color: #BDBDBD;
}

.copyright p {
	margin-bottom: 0;
}

.copyright p:first-child {
	margin-bottom: 3px;
}


.priz {
	background-image: url('assets/img/bgpriz.jpg');
	background-repeat: no-repeat;
	background-position: center;
	padding: 30px 0 40px;
	margin: 50px 0 150px;
}

.priz-item {
	position: relative;
	max-width: 400px;
	margin: 0 auto;
}

.priz-item::before,
.priz-item::after {
	content: '';
	position: absolute;
	background-image: url('assets/img/priz.png');
	background-repeat: no-repeat;
	background-size: contain;
	width: 450px;
	height: 450px;
}

.priz-item::before {
	top: -20%;
	right: -75%;
	transform: rotate(15deg);
}

.priz-item::after {
	bottom: -35%;
	left: -60%;
	transform: rotate(-15deg);
	width: 430px;
	height: 430px;
}

.priz-items {
	position: relative;
	background: linear-gradient(to bottom,#11A9DD ,#0071BC 100%);
	text-align: center;
	color: #fff;
	padding: 20px 39px 24px;
	box-shadow: 6px 6px 8px rgb(0 0 0 / 50%);
	border-radius: 20px;
	z-index: 1;
}

.priz-item h2 {
	font-size: 60px;
	font-family: 'MontserratB';
	margin-bottom: 25px;
}

.priz-item p {
	font-size: 20px;
	line-height: 1.25;
}

.priz-item p.priz-item-p-two {
	font-family: 'MontserratR';
	font-size: 20px;
}

.priz-item p.priz-item-p-two b {
	color: #fff284;
}

.priz-item .btnModal {
	margin-top: 25px;
}

.header-items__hamburger {
	margin-left: auto;
}


.header-items__hamburger a {
  display: block;
  height: 15px;
  width: 20px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.header-items__hamburger a .line {
  display: block;
  height: 2px;
  width: 100%;
  border-radius: 10px;
  background: #fff;
}

.header-items__hamburger a .line1 {
  transform-origin: 5% 0%;
  transition: transform 0.4s ease-in-out;
}

.header-items__hamburger a .line2 {
  transition: transform 0.2s ease-in-out;
}

.header-items__hamburger a .line3 {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}



.modal-content {
	overflow: hidden;
}

.modal-content::before {
	content: '';
	position: absolute;
	bottom: -25%;
	right: -25%;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: #ED6626;
}

.modal-popup {
	position: relative;
}


.modal-popup {
	padding: 58px 40px 48px 40px;
}

.btn-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
}

.modal-popup h5 {
	text-align: center;
	font-family: 'MontserratB';
	font-size: 26px;
}

.modal-popup p {
	text-align: center;
	margin-bottom: 0;
}

.modal-popup p.modal-popup-sotka {
	margin-top: 1.25rem;
}

.modal-popup p.modal-popup-night {
	font-size: 20px;
	font-family: 'MontserratB';
	margin: 1.5rem 0 1rem;
}

.modal-popup p.modal-popup-night span {
	font-family: 'MontserratEB';
}

.modal-popup p span {
	color: #fff;
	font-family: 'MontserratB';
	background: #ED6626;
	border-radius: 50px;
	padding: 3px 10px;
}

.modal-popup h4 {
	font-size: 26px;
	text-align: center;
	margin: 1.5rem 0 1rem;
	color: #ED6626;
	font-family: 'MontserratB';
}

.modal-popup h4 span {
	display: block;
	color: #000;
}

.modal-popup form {
	margin-top: 2rem;
}

.modal-popup form input:not([type="submit"]),
.modal-popup form textarea {
	width: 100%;
	height: 48px;
	padding: 0 23px;
	border: 1px solid #000;
	border-radius: 8px;
	margin-bottom: 15px;
}

.modal-popup form input[type="file"] {
	width: auto;
	height: auto;
	padding: 0;
	border: none;
	border-radius: none;
}

.modal-popup form .field-featured_image span.before {
	display: block;
	font-size: 12px;
}

.modal-popup form .error {
	color: #F44336;
	font-weight: 600;
	display: block;
	margin-top: -6px;

}

.modal-popup form textarea {
	padding: 11px 23px;
	height: 125px;
}

.modal-popup form button,
.modal-popup form input[type="submit"] {
	width: 260px;
	height: 50px;
	background: #11A9DD;
	color: #fff;
	display: block;
	margin: 0 auto;
	border-radius: 50px;
	font-family: 'MontserratB';
}

.modal-popup form button:hover,
.modal-popup form input[type="submit"]:hover {
	box-shadow: 0px 0px 25px #11A9DD;
}

.mm-wrapper--opened .mm-page {
	z-index: 1;
}


/*.mm-menu--theme-light {
	--mm-color-background: #ED6626;
	--mm-color-text: #fff;
	--mm-color-text-dimmed: #fff;
}

.mm-listitem:after {
	border-color: #fff;
}*/

.content {
	overflow: hidden;
}

.thank-content {
	position: fixed;
	top: 0;
	z-index: 9999;
	display: none;
}

.thank {
	background: rgba(248, 235, 250, .7);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	text-align: center;
}

.thank h2 {
	font-size: 30px;
}



.phone-ico {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 1;
	font-size: 30px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #8bc34a;
	color: #fff !important;
	text-align: center;
	line-height: 70px;
	-webkit-animation: pulse 2s infinite;
            animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(139, 195, 74, 0.7);
      box-shadow: 0 0 0 0 rgba(139, 195, 74, 0.7);
    }
    70% {
      -webkit-box-shadow: 0 0 0 10px rgba(139, 195, 74, 0);
      box-shadow: 0 0 0 10px rgba(139, 195, 74, 0);
    }
    100% {
      -webkit-box-shadow: 0 0 0 0 rgba(139, 195, 74, 0);
      box-shadow: 0 0 0 0 rgba(139, 195, 74, 0);
    }
  }
  @keyframes pulse {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(139, 195, 74, 0.7);
      box-shadow: 0 0 0 0 rgba(139, 195, 74, 0.7);
    }
    70% {
      -moz-box-shadow: 0 0 0 10px rgba(139, 195, 74, 0);
      box-shadow: 0 0 0 10px rgba(139, 195, 74, 0);
    }
    100% {
      -moz-box-shadow: 0 0 0 0 rgba(139, 195, 74, 0);
      box-shadow: 0 0 0 0 rgba(139, 195, 74, 0);
    }
  }



.about {
	position: relative;
	background-image: url('assets/img/aboutbg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px 0;
	color: #000;
}

.about::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(17,169,221,0.9);
}

.about .container {
	position: relative;
}

.about-item h2 {
	font-size: 40px;
	font-family: 'MontserratB';
	max-width: 625px;
}

.about-item p {
	font-size: 30px;
	max-width: 410px;
}

.about-item h3 {
	font-size: 30px;
	font-family: 'MontserratEB';
}

.about-item h3 span {
	color: #ED5216;
}

.about-item ul {
	font-size: 24px;
	font-family: 'MontserratB';
	margin-bottom: 1rem;
}

.about-item ul li {
	display: flex;
	align-items: flex-start;
}

.about-item ul li:not(:last-child) {
	margin-bottom: 5px;
}

.about-item ul li i {
	color: #ED5216;
	font-size: 30px;
	margin-right: 10px;
	margin-top: 5px;
}


.about-item__img {
	position: absolute;
	bottom: -30px;
	right: 10%;
}

.about-item__img img {
	position: relative;
}

.about-item__img::before {
	content: '';
	position: absolute;
	top: 30px;
	left: -60px;
	width: 520px;
	height: 520px;
	background: #ED5216;
	border-radius: 50%;
}

.about-item__logo {
	position: absolute;
	bottom: -30px;
	right: 0;
	font-size: 250px;
	line-height: .7;
	color: #fff;
	opacity: .2;
	text-transform: uppercase;
	font-family: 'MontserratEB';
}


#about .btnModal {
	position: relative;
	width: 280px;
	margin: 1rem auto 0 auto;
	display: block;
}


.main-reviews {
	position: relative;
}

.main-reviews .swiper-button-prev::after,
.main-reviews .swiper-button-next::after {
	content: none;
}

.main-reviews .swiper-button-prev,
.main-reviews .swiper-button-next {
	font-size: 30px;
	color: #000;
}

.main-reviews .btnModal {
	max-width: 300px;
	display: block;
	margin: 70px auto 0 auto;
}

.swiperReviews {
	padding: 15px 10px;
	margin: -15px auto;
	max-width: 90%;
}

.swiperReviews .swiper-slide {
	height: auto;
}

.__reviews-slide {
	padding: 20px 15px;
    background: #F9FAFA;
    -webkit-box-shadow: 0px 7px 10px 0px rgba(7, 34, 91, 0.15), 0px -7px 10px 0px #FFF;
    box-shadow: 0px 7px 10px 0px rgba(7, 34, 91, 0.15), 0px -7px 10px 0px #FFF;
    height: 100%;
}

.__reviews-slide-header .header__user {
	display: flex;
}

.__reviews-slide-header .header__user .header__user-avatar {
		min-width: 60px;
    max-width: 60px;
    width: 100%;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}

.__reviews-slide-header .header__user .header__user-avatar img {
	width: 100%;
	height: 100%;
}

.__reviews-slide-header .header__user .header__user-inf {
	width: calc(100% - 60px);
	padding-left: 15px;
}

.__reviews-slide-header .header__user .header__user-inf > span {
		display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.__reviews-slide-header .header__user .header__user-inf > span div:nth-child(1) {
	grid-area: 1 / 1 / 2 / 2;
}
.__reviews-slide-header .header__user .header__user-inf > span div:nth-child(2) {
	grid-area: 2 / 1 / 3 / 2; 
}
.__reviews-slide-header .header__user .header__user-inf > span div:nth-child(3) {
	grid-area: 1 / 2 / 3 / 3;
	text-align: right;
}

.__reviews-slide-header .header__user .header__user-inf .strong-rating-wrapper .star svg {
	width: 15px;
}

.__reviews-slide-body {
	font-size: 14px;
	padding-top: 10px;
}