/*!
Theme Name: moskito
Theme URI: http://underscores.me/
Author: moskito
Author URI: http://moskito
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: moskito
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.

moskito 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;
	--color-text: #333;
	--color-blue: #0078e9;
	--color-dark-blue: #025db3 ;
}

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

a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: var(--color-link);
	-webkit-transition: all ease 0.15s;
	transition: all ease 0.15s;
}
a:focus, a:hover, a:active {
	outline: 0;
}
a:hover, a:active {
	color: var(--color-blue);
}

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

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

button[disabled=disabled] {
	opacity: 0.75;
}

html, body {
	font-family: "MontserratR";
	color: var(--color-text);
	font-size: 16px;
	background: #fff;
}

p, h1, h2, h3, h4, h5, h6 {
	color: var(--color-text);
}

b, strong {
	font-weight: normal;
}

b {
	font-family: "MontserratB";
}

strong {
	font-family: "MontserratEB";
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

section {
	padding: 50px 0;
}

.buttons {
	padding: 0 15px;
	height: 43px;
	background: var(--color-blue);
	color: #fff;
	border-radius: 7px;
	font-size: 13px;
	font-family: "MontserratB";
	text-transform: uppercase;
}
.buttons:hover {
	background: var(--color-dark-blue);
}

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

.header {
	position: fixed;
	top: 0;
	padding: 15px 0;
	background: rgba(255, 255, 255, 0.85);
	-webkit-backdrop-filter: blur(16px);
	        backdrop-filter: blur(16px);
	width: 100%;
	z-index: 1001;
	-webkit-transition: background ease 0.3s;
	transition: background ease 0.3s;
}
.header.scrolled {
	background: rgba(242, 242, 242, 0.85);
}
.header .header-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.header .header-item .header-items--logo {
	font-size: 32px;
	font-family: "MontserratBlack";
	text-transform: uppercase;
	letter-spacing: 2px;
}
.header .header-item .header-items--menu {
	margin: 0 auto;
}
.header .header-item .header-items--menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 30px;
}
.header .header-item .header-items--menu ul a {
	border-bottom: 1px solid transparent;
	font-family: "MontserratM";
}
.header .header-item .header-items--menu ul a:hover {
	border-color: var(--color-blue);
}
.header .header-item .header-items--contacts {
	margin-left: auto;
	margin-right: 20px;
	text-align: right;
}
.header .header-item .header-items--contacts a {
	font-size: 20px;
	font-family: "MontserratB";
	letter-spacing: 1px;
}
.header .header-item .header-items--contacts span {
	display: block;
	font-size: 12px;
	color: #595959;
}

.home-banner {
	position: relative;
	height: 100vh;
	padding-top: 78px;
	background-image: url("assets/img/mosquito.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: center;
	        flex-direction: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.home-banner .home-banner-item {
	background: rgba(0, 120, 233, 0.9);
	padding: 40px 30px;
	border-radius: 5px;
	max-width: 600px;
	color: #fff;
}
.home-banner .home-banner-item h1 {
	font-family: "MontserratB";
	color: #fff;
}
.home-banner .home-banner-item p {
	color: #fff;
}
.home-banner .home-banner-item .buttons {
	background: #F1CB02;
	color: #000;
}
.home-banner .home-banner-item .buttons:hover {
	background: #ffd600;
}
.home-banner .home-banner-scroll {
	position: absolute;
	bottom: 20px;
	border-style: solid;
	border-width: 3px;
	border-color: rgba(255, 255, 255, 0.75);
	border-radius: 23px;
	min-height: 49px;
	min-width: 31px;
}
.home-banner .home-banner-scroll span {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	border-radius: 50%;
	-webkit-animation: sr7-ani-mouse 2.5s linear infinite;
	        animation: sr7-ani-mouse 2.5s linear infinite;
	background: #fff;
}

@-webkit-keyframes sr7-ani-mouse {
	0% {
		opacity: 1;
		top: 29%;
	}
	15% {
		opacity: 1;
		top: 70%;
	}
	50% {
		opacity: 0;
		top: 70%;
	}
	100% {
		opacity: 0;
		top: 29%;
	}
}

@keyframes sr7-ani-mouse {
	0% {
		opacity: 1;
		top: 29%;
	}
	15% {
		opacity: 1;
		top: 70%;
	}
	50% {
		opacity: 0;
		top: 70%;
	}
	100% {
		opacity: 0;
		top: 29%;
	}
}
.mosquito-card {
	padding: 20px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	text-align: center;
	-webkit-transition: border ease 0.2s;
	transition: border ease 0.2s;
}
.mosquito-card:hover {
	border-color: var(--color-dark-blue);
}
.mosquito-card .mosquito-card__img {
	height: 220px;
}
.mosquito-card .mosquito-card__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}
.mosquito-card .mosquito-card__name {
	font-size: 20px;
	margin: 15px 0;
	font-family: "MontserratB";
}

.forms .forms-item {
	padding: 0 0 50px;
	background: #f4f9fe;
	border-radius: 50px;
	text-align: center;
	overflow: hidden;
}
.forms .forms-item .forms-item__title {
	font-family: "MontserratB";
	font-size: 30px;
	padding: 20px;
	background: var(--color-blue);
	color: #fff;
	margin-bottom: 50px;
}
.forms .forms-item form {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background: #fff;
	-webkit-box-shadow: 0 0 10px #ccc;
	        box-shadow: 0 0 10px #ccc;
	border-radius: 10px 0 0 10px;
	overflow: hidden;
}
.forms .forms-item form input {
	width: 100%;
	min-width: 300px;
	max-width: 300px;
	height: 55px;
	background: #fff;
	border: 1px solid transparent;
	padding: 0 15px;
	-webkit-transition: all ease 0.2s;
	transition: all ease 0.2s;
}
.forms .forms-item form .buttons {
	min-width: 150px;
	height: 55px;
}

.advantages-item {
	text-align: center;
}
.advantages-item img {
	height: 73px;
	-o-object-fit: contain;
	   object-fit: contain;
}
.advantages-item .advantages-item__name {
	font-size: 20px;
	font-family: "MontserratSB";
	margin: 25px 0 10px;
}
.advantages-item .advantages-item__desc {
	font-size: 14px;
}

.gift {
	background-image: url("assets/img/gift.jpg");
	padding: 100px 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.gift .gift-item {
	max-width: 400px;
	margin: 0 auto;
	background: -webkit-gradient(linear, left top, left bottom, from(#11A9DD), to(#0071BC));
	background: linear-gradient(to bottom, #11A9DD, #0071BC 100%);
	color: #fff;
	border-radius: 15px;
	padding: 20px 40px 25px;
	text-align: center;
}
.gift .gift-item .gift-item__title {
	font-size: 40px;
	font-family: "MontserratB";
	text-transform: uppercase;
}
.gift .gift-item .gift-item__desc {
	margin: 15px 0;
	font-family: "MontserratM";
}
.gift .gift-item .gift-item__desc p {
	color: #fff;
}
.gift .gift-item .buttons {
	background: #F1CB02;
	color: #000;
	margin-top: 20px;
}
.gift .gift-item .buttons:hover {
	background: #ffd600;
}

.type-canvas-item {
	max-width: 1100px;
	margin: 0 auto;
}

.type-canvas-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 30px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
}
.type-canvas-card:nth-child(even) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}
.type-canvas-card .type-canvas-card__img {
	min-width: 500px;
	max-width: 500px;
}
.type-canvas-card .type-canvas-card__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.type-canvas-card .type-canvas-card__body {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: 20px 50px;
}
.type-canvas-card:hover .type-canvas-card__body {
	border-color: var(--color-blue);
}
.type-canvas-card .type-canvas-card__name {
	font-size: 20px;
	font-family: "MontserratSB";
	margin-bottom: 15px;
}
.type-canvas-card .buttons {
	min-width: 140px;
}

.footer {
	padding-top: 20px;
	background: var(--color-blue);
	color: #fff;
}
.footer a:hover {
	color: #ffd600;
}
.footer .footer-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.footer .footer-item .footer-items--logo {
	font-size: 32px;
	font-family: "MontserratBlack";
	text-transform: uppercase;
	letter-spacing: 2px;
}
.footer .footer-item .footer-items--menu {
	margin: 0 auto;
}
.footer .footer-item .footer-items--menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 25px;
}
.footer .footer-item .footer-items--contacts {
	margin-left: auto;
}
.footer .footer-item .footer-items--contacts ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	gap: 10px;
	font-size: 20px;
}
.footer .footer-item .footer-items--contacts__phone {
	font-size: 20px;
	font-family: "MontserratB";
	letter-spacing: 1px;
}
.footer .copyright {
	padding: 15px 0;
	background: var(--color-dark-blue);
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
}

.modal-content-body {
	padding: 50px 20px 35px 20px;
	text-align: center;
}
.modal-content-body .btn-close {
	position: absolute;
	top: 10px;
	right: 10px;
}
.modal-content-body .title {
	font-size: 25px;
	margin-bottom: 15px;
}
.modal-content-body form {
	max-width: 300px;
	margin: 30px auto 0 auto;
	font-size: 14px;
}
.modal-content-body form input[type="text"],
.modal-content-body form input[type="tel"],
.modal-content-body form textarea {
	width: 100%;
	height: 43px;
	border: 1px solid #e3e3e3;
	padding: 0 20px;
	border-radius: 4px;
}
.modal-content-body form textarea {
	padding: 20px;
	height: 120px;
}

.modal-content-body form textarea:hover,
.modal-content-body form input:hover {
	border-color: var(--color-blue);
}
.modal-content-body form .buttons {
	width: 100%;
	margin-top: 15px;
}


.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;
}

.modal-content-body__reviews {
	text-align: left;
}

.modal-content-body__reviews form {
	max-width: 100%;
}

.modal-content-body__reviews .required-notice {
	display: none;
}

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

.modal-content-body__reviews form .form-field {
	margin-bottom: 15px;
}

.modal-content-body__reviews form .error {
	color: #F44336;
    font-family: "MontserratSB";
    display: block;
}