@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
*, ::after, ::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, *::before, *::after {
box-sizing: inherit;
}
html, body {
position: relative;
max-width: 100%; }
body {
position: relative;
font-family: 'Roboto', sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-weight: normal;
line-height: 25px;
overflow-x: hidden;
min-width: 320px;
background: #fff;
color: #828282;
margin: 0;
padding: 0;
}
h1 {
font-size: 80px;
line-height: 125%;
font-weight: 900;
font-size: 72px;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #FFFFFF;
}
h1,
h2,
h3,
h4,
h5 {
margin: 0;
font-family: 'Roboto', sans-serif;
color: #232344;
}
h2 {
font-weight: 700;
font-size: 30px;
line-height: 135%;
text-transform: uppercase;
color: #232344;
}
h3 {
font-weight: 700;
font-size: 20px;
text-transform: uppercase;
color: #232344;
}
a {
text-decoration: none;
line-height: inherit;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease; 
}
a, a:active, a:focus, a:hover {
text-decoration: none;
outline: none;
border: none;
}
a, div, form, input, li, p, section, span {
box-sizing: border-box;
}
a img {
border: none;
}
img {
max-width: 100%;
height: auto;
}
p,
pre {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 156%;
color: #828282;
margin: 0;
}
ul,
ol {
padding: 0;
margin: 0;
}
li {
list-style: none;
}
li, p, ul {
display: block;
}
button, button:active, button:focus, button:hover,
input, input:active, input:focus, input:hover {
text-decoration: none !important;
outline: none;
border: none;
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
cursor: pointer;
}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {
display: block;
width: 100%;
padding: 11px 16px 10px 16px;
border: 0;
outline: none;
color: #828282;
font-family: "Roboto", sans-serif;
font-size: 16px;
line-height: 2rem;
width: 100%;
background: transparent;
border-bottom: 0.70px solid #A2A2A2;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
textarea.form-control {
min-height: 120px;
height: 120px;
} .form-control::placeholder {
color: #828282;
opacity: 1;
} .form-control::-webkit-input-placeholder {
color: #828282;
opacity: 1;
} .form-control::-moz-placeholder {
color: #828282;
opacity: 1;
} .form-control:-ms-input-placeholder {
color: #828282;
opacity: 1;
} .form-control::-ms-input-placeholder {
color: #828282;
opacity: 1;
}
.form__field input[type="email"]:focus, .form__field input[type="number"]:focus, .form__field input[type="search"]:focus, .form__field input[type="text"]:focus, .form__field input[type="tel"]:focus, .form__field input[type="url"]:focus, .form__field input[type="password"]:focus, .form__field textarea:focus, .form__field select:focus {
color: #828282;
border-bottom: 1px solid #B32134;
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body.iti-mobile .iti--container {
z-index: 9999;
}
.container {
position: relative;
max-width: 1300px;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
}
.container-fluid {
position: relative;
max-width: 1580px;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
}
p.text__high {
font-weight: 700;
font-size: 18px;
line-height: 139%;
color: #828282;
}
.button {
position: relative;
display: inline-block;
width: 220px;
height: 55px;
line-height: 55px;
border: 1px solid #F29DA8;
background-color: transparent;
color: #B32134;
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
user-select: none;
text-decoration: none;
transition: all 0.3s;
}
.button:hover {
background-color: #B32134;
border: 1px solid #B32134;
color: #fff;
text-decoration: none;
}
.button svg {
position: relative;
top: 0;
right: -9px;
}
.button svg path {
transition: stroke 0.3s;
}
.button:hover svg path {
stroke: #fff; 
}
a.read__btn {
position: relative;
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
color: #B32134;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
a.read__btn svg {
position: absolute;
top: 11px;
transform: translateY(-60%);
right: -18px;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
a.read__btn:hover svg {
right: -23px;
}  #preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
overflow: hidden;
background: #ffffff;
}
#preloader:before {
content: "";
position: fixed;
top: calc(50% - 30px);
left: calc(50% - 30px);
border: 4px solid #393939;
border-top-color: #fff;
border-bottom-color: #fff;
border-radius: 50%;
width: 60px;
height: 60px;
-webkit-animation: animate-preloader 1s linear infinite;
animation: animate-preloader 1s linear infinite;
}
@-webkit-keyframes animate-preloader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes animate-preloader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.set-bg {
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}
.parallax {
background-attachment: fixed;
}
.ftco-animate {
opacity: 0;
visibility: hidden; 
} .header {
position: relative;
background-color: #F7F7F7;
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;
height: 100px;
z-index: 999;
}
.header.navbar_fixed {
position: fixed;
width: 100%;
height: 75px;
top: -71px;
left: 0;
right: 0; background: #fff;
transform: translateY(71px);
transition: transform 500ms ease, background 500ms ease;
-webkit-transition: transform 500ms ease, background 500ms ease;
box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
z-index: 9990; 
}
.header.navbar_fixed .nav__box .nav__box-logo .custom-logo {
max-width: 55px;
} .header .container-fluid {
flex: 0 1 auto;
width: 100%;
}
.header .nav__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .nav__box .nav__box-logo .custom-logo {
max-width: 75px;
height: auto;
}
.header .nav__box .header__nav,
.header .nav__box .header__nav .header__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header .nav__box .header__nav .header__menu ul,
footer.footer .footer__nav .footer__menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 47px;
gap: 47px;
} .header__nav .header__menu ul li a,
footer.footer .footer__nav .footer__menu ul li a {
position: relative;
padding-left: 10px;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: #171717;
}
.header__nav .header__menu ul li a:before,
footer.footer .footer__nav .footer__menu ul li a:before {
content: '';
top: 0;
left: 0;
position: absolute;
width: 3px;
height: 100%;
transform: translateX(10px);
background-color: #B32134;
background-position: 0 1px;
background-repeat: no-repeat;
background-size: 100% 68%;
transition: transform .45s cubic-bezier(.39,.1,0,.98), opacity .4s ease-out;
opacity: 0;
}
.header__nav .header__menu ul li.current-menu-item a:before,
.header__nav .header__menu ul li:hover a:before,
footer.footer .footer__nav .footer__menu ul li.current-menu-item a:before,
footer.footer .footer__nav .footer__menu ul li:hover a:before {
opacity: 1;
width: 3px;
transform: translateX(0);
}
.header__nav.header__nav-mobile {
display: none;
} .nav__box-hamburger {
position: relative;
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;
width: 35px;
height: 35px;
cursor: pointer;
}
.nav__box-hamburger::before {
content: ''; display: block; width: 100%; height: 100%; border: 0.40px solid #898990; position: absolute; top: 0;
left: 0;
}
#hamburger {
cursor: pointer;
transition: opacity 0.25s linear;
width: 20px;
height: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 10;
}
#hamburger div,
#hamburger div:after,
#hamburger div:before {
background-color: #17182D;
border-radius: 10px;
width: 20px;
height: clamp(0.1rem, 0.1vw + 0rem, 0.4rem);
transition: all 0.15s linear;
}
#hamburger div:before,
#hamburger div:after {
content: "";
position: absolute;
}
#hamburger div:before {
top: 15px;
transform: translateY(-200%);
}
#hamburger div:after {
bottom: 14px;
transform: translateY(200%);
}
#hamburger.active div {
background: transparent;
}
#hamburger.active div:before {
top: 22px;
transform: rotate(45deg);
}
#hamburger.active div:after {
top: 22px;
transform: rotate(-45deg);
} .main__banner {
position: relative;
min-height: 90vh;
max-height: 90vh;
} .main__banner #bg__video {
min-width: 100%;
min-height: 85vh;
max-width: 100%;
max-height: 85vh;
object-fit: cover;
}
.main__banner .video-overlay {
position: absolute;
background-color: rgba(17, 1, 1, 0.7);
top: 0;
left: 0;
bottom: 0px;
width: 100%;
}
.main__banner .offer__info .caption {
text-align: left;
position: absolute;
max-width: 1300px;
width: 1300px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.main__banner .offer__info .caption h1 {
width: 70%;
color: #fff;
}
.main__banner .offer__info .caption p {
font-weight: 600;
font-size: 24px;
width: 70%;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-top: 15px;
color: #fff;
}
.offer__info-block {
position: absolute;
right: 0;
bottom: 0;
}
.offer__info-block.offer__info-mobile {
display: none;
}
.offer__info-block .info__block__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #B32134;
width: 440px;
height: 100px;
grid-gap: 35px;
gap: 35px;
z-index: 10;
}
.offer__info-block .info__block__wrap .info__block__text p {
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
color: #fff;
} .dedication {
padding: 150px 0 100px 0;
}
.dedication .dedication__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
grid-gap: 100px;
gap: 100px;
}
.dedication .dedication__wrap .dedication__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.dedication .dedication__wrap .dedication__item:first-child {
width: calc(100% / 12* 5 - 0px);
}
.dedication .dedication__wrap .dedication__item:last-child {
width: calc(100% / 12* 7 - 0px);
}
.dedication .dedication__wrap .dedication__item .dedication__image {
position: relative;
}
.dedication .dedication__wrap .dedication__item .dedication__image img {
position: relative;
width: 100%;
height: 580px;
background-clip: border-box;
-webkit-text-fill-color: inherit;
-o-object-fit: cover;
object-fit: cover;
z-index: 2;
}
.dedication .dedication__wrap .dedication__item .dedication__image .about-img__frame {
position: absolute;
content: "";
width: 100%;
height: 100%;
bottom: -3%;
right: -5%;
border: 1px solid #F29DA8;
z-index: 0;
}
.dedication .dedication__wrap .dedication__item .dedication__info {
margin: 60px 0 60px 0;
}
.dedication .dedication__wrap .dedication__item .dedication__info {
margin: 60px 0 60px 0;
} .workouts {
margin: 100px 0 130px 0;
}
.workouts h2 {
margin-bottom: 65px;
} 
.workouts__box .workouts__item {
background: #ffffff;
margin-bottom: 30px;
transition: 0.5s;
}
.workouts__box .workouts__item:hover {
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
}
.workouts__box .workouts__item .workouts__img {
position: relative;
overflow: hidden;
transition: 0.5s;
}
.workouts__box .workouts__item .workouts__img img {
width: 100%;
height: 255px;
background-clip: border-box;
-webkit-text-fill-color: inherit;
-o-object-fit: cover;
object-fit: cover;
transition: 0.5s;
}
.workouts__box .workouts__item:hover .workouts__img img {
transform: scale(1.2);
}
.workouts__box .workouts__item .workouts__info { display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 20px;
min-height: 225px;
}
.workouts__box .workouts__item .workouts__excerpt {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.workouts__box .workouts__item .workouts__info p {
margin: 22px 0 0 0;
}
.workouts__box .workouts__item a.read__btn {
margin-top: auto; }
.workouts__box .workouts__item a.read__btn svg {
position: relative;
top: 6px;
right: -10px;
}
.workouts__box .workouts__item a.read__btn:hover svg {
right: -18px;
}
.workouts .related__carousel.workouts__box .owl-nav, 
.workouts .related__carousel.workouts__box .owl-nav {
position: absolute;
right: 0;
top: -9rem;
}
.workouts .related__carousel.workouts__box .owl-nav button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
vertical-align: middle;
user-select: none;
padding: 0.48rem 0.5rem!important;
}
.workouts .related__carousel.workouts__box .owl-nav button.owl-prev {
background-color: #F4F4F4;
}
.workouts .related__carousel.workouts__box .owl-nav button.owl-next {
background-color: #E8E8E8;
}
.workouts .related__carousel.workouts__box .owl-nav button.owl-prev .arrow_left,
.workouts .related__carousel.workouts__box .owl-nav button.owl-next .arrow_right {
position: relative;
}
.workouts .related__carousel.workouts__box .owl-nav button.owl-prev .arrow_left:before {
position: absolute;
display: block;
top: -10px;
left: -4px;
content: url(//isboxing.com/wp-content/themes/boxing-school/assets/img/icons/arrow-left.svg);
}
.workouts .related__carousel.workouts__box .owl-nav button.owl-next .arrow_right:before {
position: absolute;
display: block;
top: -10px;
left: -4px;
content: url(//isboxing.com/wp-content/themes/boxing-school/assets/img/icons/arrow-right.svg);
}
.workouts .workouts__line {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px;
}
.workouts .workouts__line .workouts__line-btn {
position: relative;
background-color: #fff;
padding: 0 52px 0 52px;
}
.workouts .workouts__line::before {
position: absolute;
content: "";
width: 100%;
height: 0;
top: 50%;
left: 0;
border: 0.40px solid #dedede;
z-index: -1;
} .cta-section {
position: relative;
margin-bottom: -50px;
z-index: 2;
}
.cta-section .cta-section__box {
position: relative;
width: 95%;
background-color: #B32134;
padding: 36px 44px 26px 44px;
margin: 0 auto;
}
.cta-section .cta-section__box:before {
position: absolute;
content: "";
width: 522px;
height: 213px;
top: -1.7rem;
left: -31px;
border: 1px solid #F29DA8;
z-index: -1;
}
.cta-section .cta__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cta-section .cta__wrap .cta__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 30px;
gap: 30px;
}
.cta-section .cta__wrap .cta__info img {
width: 72.2px;
height: 73.15px;
}
.cta-section .cta__wrap .cta__info h3 {
color: #fff;
margin-bottom: 8px;
}
.cta-section .cta__wrap .cta__info p {
font-size: 17px;
text-transform: uppercase;
color: #F29DA8;
}
.cta-section .cta__form .form__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-gap: 32px;
gap: 32px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.cta-section .cta__form .form__box .form__field input.form-control {
width: 235px;
}
.cta-section .cta__form .form__box .form__field input.form-control::placeholder {
color: #E1E1E1;
opacity: 1;
}
.cta-section .cta__form .form__box .form__field input.form-control:focus {
color: #fff;
border-bottom: 1px solid #fff;
}
.cta-section .cta__form .form__box .form__field .button {
border: 1px solid #fff;
color: #fff;
width: 195px;
line-height: 50px;
}
.cta-section .cta__form .form__box .form__field .button:hover {
background-color: #fff;
border: 1px solid #fff;
color: #B32134;
text-decoration: none;
}
.cta-section .cta__form .form__box .form__field .button:hover svg path {
stroke: #B32134; 
}
.cta-section .cta__form .form__policy {
font-weight: 400;
font-size: 12px;
line-height: 187%;
color: rgba(255, 255, 255, 0.48);
} .reviews {
position: relative;
background-color: #FBFBFB;
padding: 190px 0 130px 0;
overflow: hidden;
}
.reviews .box__image-1,
.reviews .box__image-2 {
position: absolute;
}
.reviews .box__image-1 {
top: 47px;
right: 0;
}
.reviews .box__image-2 {
bottom: 0;
left: 0;
}
.reviews .reviews__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: center;
grid-gap: 60px;
gap: 60px;
margin-top: 80px;
}
.reviews .reviews__line a.read__btn svg {
top: 13px;
} .more-than {
margin: 120px 0 0 0;
}
.more-than .more-than__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.more-than .more-than__wrap .more-than__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.more-than .more-than__wrap .more-than__item:first-child {
width: calc(100% / 12* 6 - 0px);
padding-right: 80px;
}
.more-than .more-than__wrap .more-than__item:last-child {
width: calc(100% / 12* 6 - 0px);
}
.more-than .more-than__wrap .more-than__item p {
margin: 50px 0 55px 0;
}
.more-than .more-than__wrap .more-than__item .more-than__images ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.more-than .more-than__wrap .more-than__item .more-than__images ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 17px;
}
.more-than .more-than__wrap .more-than__item .more-than__images ul li:first-child {
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 66%;
}
.more-than .more-than__wrap .more-than__item .more-than__images ul li:nth-child(2) {
-ms-flex: 0 0 31%;
flex: 0 0 31%;
max-width: 31%;
}
.more-than .more-than__wrap .more-than__item .more-than__images ul li:nth-child(3) {
-ms-flex: 0 0 31%;
flex: 0 0 31%;
max-width: 31%;
}
.more-than .more-than__wrap .more-than__item .more-than__images ul li:last-child {
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 66%;
}
.more-than .more-than__wrap .more-than__item .more-than__images ul li {
position: relative;
overflow: hidden;
transition: 0.5s;
}
.more-than .more-than__wrap .more-than__item .more-than__images ul li img.more-than__pic {
width: 100%;
height: 255px;
background-clip: border-box;
-webkit-text-fill-color: inherit;
-o-object-fit: cover;
object-fit: cover;
transition: 0.5s;
}
.more-than .more-than__wrap .more-than__item .more-than__images ul li:hover img.more-than__pic {
transform: scale(1.2);
}
.more-than .more-than__wrap .more-than__item .more-than__images ul li.more-than__video:hover img.more-than__pic {
transform: unset;
}
.more-than .more-than__wrap .more-than__item .more-than__images ul li.more-than__video {
position: relative;
}
.more-than .more-than__wrap .more-than__item .more-than__images ul li.more-than__video::before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: .7; }
.more-than .more-than__wrap .more-than__item .more-than__images ul li.more-than__video .icon__video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
z-index: 10;
width: 57px;
height: 57px;
background: #C24D5D;
-webkit-animation: pulse 2s infinite;
animation: pulse 2s infinite;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(194, 77, 93, 0.4); }
70% {
-webkit-box-shadow: 0 0 0 30px rgba(194, 77, 93, 0); }
100% {
-webkit-box-shadow: 0 0 0 0 rgba(194, 77, 93, 0); } }
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(194, 77, 93, 0.4);
-webkit-box-shadow: 0 0 0 0 rgba(194, 77, 93, 0.4);
box-shadow: 0 0 0 0 rgba(194, 77, 93, 0.4); }
70% {
-moz-box-shadow: 0 0 0 30px rgba(194, 77, 93, 0);
-webkit-box-shadow: 0 0 0 30px rgba(194, 77, 93, 0);
box-shadow: 0 0 0 30px rgba(194, 77, 93, 0); }
100% {
-moz-box-shadow: 0 0 0 0 rgba(194, 77, 93, 0);
-webkit-box-shadow: 0 0 0 0 rgba(194, 77, 93, 0);
box-shadow: 0 0 0 0 rgba(194, 77, 93, 0); } } .contact-block {
margin: 130px 0 0 0;
}
.contact-block .contact-block__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.contact-block .contact-block__wrap .contact-block__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% / 12* 6 - 0px);
}
.contact-block .contact-block__wrap .contact-block__item h2 {
margin-bottom: 50px;
}
.contact-block .contact-block__wrap .contact-block__item .contact-block__info {
margin-top: 60px;
}
.contact-block .contact-block__wrap .contact-block__item .contact-block__info span {
display: inline-block;
font-weight: 400;
font-size: 14px;
line-height: 167%;
color: #B32134;
text-transform: uppercase;
margin-bottom: 14px;
}
.contact-block .contact-block__wrap .contact-block__item .contact-block__info a {
display: block;
font-weight: 700;
font-size: 20px;
line-height: 177%;
text-transform: uppercase;
color: #232344;
margin-bottom: 5px;
}
.contact__forms .contacts__form .contact-block__header {
background-color: #61628D;
padding: 8px 15px;
text-align: center;
}
.contact__forms .contacts__form .contact-block__header p {
font-weight: 500;
font-size: 16px;
line-height: 156%;
text-transform: uppercase;
color: #fff;
}
.contact__forms .contacts__form .contact-block__forms {
background-color: #fbfbfb;
padding: 30px 38px 25px;
}
.contact__forms .contacts__form .contact-block__forms .form__field {
margin-bottom: 10px;
}
.contact__forms .contacts__form .contact-block__forms .form__field.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex; -webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px;
}
.contact__forms .contacts__form .contact-block__forms .form__field.d-flex .form__policy p {
font-weight: 400;
font-size: 12px;
line-height: 170%;
color: #AEAEAE;
width: 18vw;
}
.cta-section .cta__form .form__policy p {
font-weight: 400;
font-size: 12px;
line-height: 187%;
color: rgba(255, 255, 255, 0.48);
} footer.footer {
position: relative;
margin: 100px 0 50px 0;
}
footer.footer img.box__image {
position: absolute;
width: 700px;
top: -52px;
right: 0;
z-index: 0;
}
footer.footer .footer__slogan {
padding-top: 70px;
border-top: 1px solid #D9D9D9;
}
footer.footer .footer__nav {
margin-top: 70px;
padding-bottom: 65px;
border-bottom: 1px solid #D9D9D9;
}
footer.footer .footer__legal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 50px;
}
footer.footer .footer__legal .footer__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 27px;
gap: 27px;
}
footer.footer .footer__legal .footer__logo a img {
max-width: 75px;
height: auto;
}
footer.footer .footer__legal .footer__logo p,
footer.footer .footer__legal .footer__social a {
color: #232344;
}
footer.footer .footer__legal .footer__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 65px;
gap: 65px;
}
footer.footer .footer__legal .footer__social a {
text-transform: uppercase;
} .back-to-top {
position: fixed;
display: none;
right: 30px;
bottom: 30px;
z-index: 11;
animation: action 1s infinite alternate;
font-weight: 400;
color: #fff;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: transparent;
border: 0;
background-color: #232344;
border-color: #232344;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@keyframes action {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-15px);
}
} #overlay {
position: fixed;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background-color: rgba(0, 0, 0, 0.4);
z-index: 105;
display: none;
transition: 0.5s ease-in-out;
}
#overlay.active{
display: block;
transition: 0.5s ease-in-out;
z-index: 9997;
}
#side-menu {
display: block;
position: fixed;
top: 0px;
right: 0px; bottom: 0px;
width: 680px;
height: 100vh;
background-color: #fff;
border-left: 6px solid #B32134;
z-index: 9998;
padding: 30px 90px 30px 60px;
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);
transform: translate(750px, 0px); transition: 0.3s ease-in-out;
}
#side-menu.active{
transform: translate(0px,0px);
transition: 0.3s ease-in-out;
}
#side-menu .side__wrap .side__wrap-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#side-menu .side__wrap .side__wrap-head .nav__box-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 20px;
gap: 20px;
}
#side-menu #close-side span {
position: relative;
display: inline-block;
width: 25px;
height: 25px;
overflow: hidden;
}
#side-menu #close-side span::before, 
#side-menu #close-side span::after {
content: "";
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #393939;
border-radius: 5px;
margin-top: -2px;
}
#side-menu #close-side span::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#side-menu #close-side span::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#side-menu .side__wrap .side__wrap-head .nav__box-logo img.logo__site {
max-width: 65px;
height: auto;
}
#side-menu .side__wrap .side__wrap-head .nav__box-logo img.logo__text {
max-width: 240px;
height: auto;
}
#side-menu .side__wrap .side__wrap-info {
margin-top: 80px;
}
#side-menu .side__wrap .side__wrap-info .side__info-item {
margin-bottom: 45px;
}
#side-menu .side__wrap .side__wrap-info .side__info-item span {
display: inline-block;
font-weight: 400;
font-size: 14px;
line-height: 167%;
color: #B32134;
text-transform: uppercase;
margin-bottom: 14px;
}
#side-menu .side__wrap .side__wrap-info .side__info-item ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#side-menu .side__wrap .side__wrap-info .side__info-item p,
#side-menu .side__wrap .side__wrap-info .side__info-item ul li a,
#side-menu .side__wrap .side__wrap-info .side__info-item ul li span {
display: block;
font-weight: 700;
font-size: 18px;
line-height: 177%;
text-transform: uppercase;
color: #232344;
margin-bottom: 5px;
}
#side-menu .side__wrap .side__wrap-info .side__info-item ul li span {
margin-right: 10px;
}
#side-menu .side__wrap .side__wrap-info .side__social ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 30px;
gap: 30px;
} .modal-overlay .modal.open .modal-content .contact-content {
background-color: transparent;
padding-top: 4rem;
padding-bottom: 1.7rem;
}
.modal-overlay .modal .modal-content .modal-header {
padding: 18px 65px 30px 15px;
}
.modal-overlay .modal#modal2 .modal-content .modal-header {
padding: 0 0 30px 0px;
}  .modal-overlay {
width: 100%;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
opacity: 0;
pointer-events: none;
transition: 0.35s ease-in-out;
max-height: 100vh;
}
.modal-overlay.open {
opacity: 1;
pointer-events: inherit;
z-index: 9999;
}
.modal-overlay .modal {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #FFFFFF; width: 600px; padding: 1rem;
border-radius: 0;
transition: 0.35s ease-in-out;
opacity: 0;
outline: 0;
}
.modal-overlay .modal.open {
opacity: 1;
pointer-events: inherit;
}
.modal-overlay .modal.open .modal-content {
transform: translate(0, 0px);
opacity: 1; }
.modal-overlay .modal .modal-content {
transform: translate(0, -10px);
opacity: 0;
transition: 0.35s ease-in-out;
}
.modal-overlay .modal .modal-content .contact-content__modal {
background-color: transparent;
padding: 15px 17px 25px 17px;
} .modal-overlay .modal .modal-content .close-modal {
position: absolute;
cursor: pointer;
top: 14px;
right: 8px;
z-index: 10;
}
.modal-overlay .modal#modal5 .modal-content .close-modal {
top: -7px;
right: -42px;
}
.modal-overlay .modal .modal-content .close-modal svg {
width: 1.75em;
height: 1.75em;
}
.modal-overlay .modal .modal-content .contact__forms .contacts__form .contact-block__forms {
background-color: transparent;
padding: 0;
}
.modal-overlay .modal#modal2 {
width: 800px;
}
.modal-overlay .modal#modal2 .modal-content .close-modal {
top: 1px;
}
.modal-overlay .modal#modal2 .modal-content .contact-content__modal {
padding: 45px 10px 10px 10px;
}
.modal-overlay .modal#modal2 .modal-content .contact-content__modal video {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.form__field.review__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex; grid-gap: 10px;
gap: 10px;
margin: 25px 0 10px 0;
}
.review__block .control__label {
font-size: 16px;
color: #232344;
text-transform: uppercase;
}
.review__block .module__rating-stars {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.review__block .module__rating-stars .module__rating-star {
width: 20px;
height: 20px;
margin-right: 0;
margin-bottom: 0;
cursor: pointer;
}
.review__block .module__rating-stars .module__rating-star input {
display: none;
} .info__offer {
position: relative;
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;
height: 400px;
min-height: 400px;
}
.info__offer:before {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: rgba(17, 1, 1, 0.6);
position: absolute;
top: 0;
left: 0;
}
.info__offer .container {
flex: 0 1 auto;
width: 100%;
}
.info__offer .info__offer__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 20px;
gap: 20px;
max-width: 60%;
} .breadcrumb__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 24px;
gap: 24px;
}
.breadcrumb__links a {
position: relative;
display: inline-block; font-weight: 400;
font-size: 16px;
line-height: 156%;
color: #F7F7F7;
}
.breadcrumb__links a.breadcrumb__link-home {
padding-left: 20px;
}
.breadcrumb__links a.breadcrumb__link-home:before {
position: absolute;
display: block;
top: 1px;
right: 50px;
content: url(//isboxing.com/wp-content/themes/boxing-school/assets/img/icons/ic_home.svg);
}
.breadcrumb__links span {
font-weight: 400;
font-size: 16px;
line-height: 156%;
color: #AEAEAE;
}
.info__offer .info__offer__wrap h1 {
font-weight: 800;
font-size: 54px;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #fff;
}
.info__offer .info__offer__wrap p {
font-weight: 400;
font-size: 18px;
color: #fff;
}
.workouts.workouts__page {
margin: 0;
padding: 140px 0 110px 0;
}
.workouts.workouts__page .workouts__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 23px; }
.workouts.workouts__page .workouts__box .workouts__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 0 0 32%;
flex: 0 0 32%;
max-width: 32%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
overflow: hidden;
height: 0;
margin: 0;
opacity: 0;
transition: opacity 0.3s ease, height 0.3s ease, margin 0.3s ease;
}
.workouts.workouts__page .workouts__box .workouts__item.visible {
height: 100%; opacity: 1;
}
.workouts.workouts__page .workouts__line {
margin-top: 45px;
}
.dedication.hall__rental {
margin: 50px 0 160px 0;
padding: 0;
}
.dedication.hall__rental .dedication__wrap .dedication__item .dedication__image img {
height: 380px;
}
.dedication.hall__rental .dedication__wrap .dedication__item {
width: calc(100% / 12* 6 - 0px);
} .group-training {
margin: 150px 0 150px 0;
}
.group-training .group-training__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.group-training .group-training__wrap .group-training__item:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 0 0 68%;
flex: 0 0 68%;
max-width: 68%;
}
.group-training .group-training__wrap .group-training__item h2 {
margin-bottom: 60px;
}
.group-training .group-training__wrap .group-training__item:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 0 0 28%;
flex: 0 0 27%;
max-width: 27%;
}
.group-training .group-training__wrap .group-training__item .group-training__schedule {
background-color: #F7F7F7;
height: auto;
box-shadow: 0 3px 6px 0 rgba(35, 35, 68, 0.05);
}
.group-training .group-training__wrap .group-training__item .group-training__schedule .schedule__head {
background-color: #232344;
padding: 20px 24px 20px 24px;
}
.group-training .group-training__wrap .group-training__item .group-training__schedule .schedule__head p {
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
color: #fff;
}
.group-training .group-training__wrap .group-training__item .group-training__schedule .schedule__head h3 {
margin-top: 6px;
color: #fff;
}
.group-training .group-training__wrap .group-training__item .group-training__schedule .schedule__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 542px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 40px 24px 40px 24px;
}
.group-training .group-training__wrap .group-training__item .group-training__schedule .schedule__content .schedule__list ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
.group-training .group-training__wrap .group-training__item .group-training__schedule .schedule__content .schedule__list ul li p,
.group-training .group-training__wrap .group-training__item .group-training__schedule .schedule__content .schedule__list ul li pre {
text-transform: uppercase;
color: #2E2F5A;
}
.group-training .group-training__wrap .group-training__item .group-training__schedule .schedule__content .contact-block__info span {
display: inline-block;
font-weight: 400;
font-size: 14px;
line-height: 167%;
color: #B32134;
text-transform: uppercase;
margin-bottom: 14px;
}
.group-training .group-training__wrap .group-training__item .group-training__schedule .schedule__content .contact-block__info a {
display: block;
font-weight: 700;
font-size: 18px;
line-height: 177%;
text-transform: uppercase;
color: #232344;
margin-bottom: 5px;
}
.advantages {
margin: 50px 0 0 0;
}
.advantages.advantages-main {
margin: 120px 0 160px 0;
}
.advantages .advantages__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.advantages .advantages__wrap .advantages__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 0 0 32%;
flex: 0 0 32%;
max-width: 32%;
}
.advantages .advantages__wrap .advantages__item img {
max-width: 80px;
height: auto;
}
.advantages .advantages__wrap .advantages__item .advantages__item-info {
margin-top: 38px;
}
.advantages .advantages__wrap .advantages__item .advantages__item-info h3 {
margin-bottom: 24px;
} .accordeon {
margin-top: 75px;
}
.accordeon .element {
background: #fff;
border-bottom: 1px solid #e4e4e4;
}
.accordeon .element-content {
display: none;
padding: 0 15px 13px 30px;
}
.accordeon .element .title {
cursor: pointer;
padding: 20px 45px 20px 36px;
position: relative;
-webkit-transition: .2s ease-out;
transition: .2s ease-out;
}
.accordeon .element .title h4 {
font-weight: 700;
font-size: 20px;
line-height: 177%;
text-transform: uppercase;
}
.accordeon .element.active .title {
background: #f8f8f8;
border-bottom-color: #f8f8f8;
border-left: 1px solid #e32924;
}
.accordeon .element.active .title h4 {
color: #B32134;
}
.accordeon .element.active .element-content {
background: #f8f8f8;
border-left: 1px solid #e32924;
}
.accordeon .element.active .element-content p {
padding-bottom: 8px;
}
.accordeon .element .title:before {
content: "+";
display: block;
position: absolute;
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;
color: #fff;
font-weight: 300;
width: 30px;
height: 30px;
top: 36%;
right: 20px;
margin-top: -4px;
-webkit-transition: .2s ease-out;
transition: .2s ease-out;
border-radius: 100%;
background-color: #B32134;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.accordeon .element.active .title:before {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.accordeon > div:first-of-type .element-content {
display: block;
}
.accordeon > div:last-of-type {
margin-bottom: 0;
}
.accordeon.invert .element .title {
background: #f8f8f8;
}
.accordeon.invert .element.active .title {
background: #fff;
border-bottom-color: #fff;
}
.accordeon.invert .element.active .element-content {
background: #fff;
} .prices {
padding: 150px 0 110px 0;
}
.prices .prices__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 80px;
gap: 25px;
}
.prices .prices__wrap .prices__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% / 12* 4 - 0px); }
.prices .prices__wrap .prices__item:last-child {
padding-right: 0;
}
.prices .prices__wrap .prices__item .prices__img {
position: relative;
overflow: hidden;
transition: 0.5s;
height: 250px;
}
.prices .prices__wrap .prices__item .prices__img img {
width: 100%;
height: 250px;
background-clip: border-box;
-webkit-text-fill-color: inherit;
-o-object-fit: cover;
object-fit: cover;
transition: 0.5s;
}
.prices .prices__wrap .prices__item:hover .prices__img img {
transform: scale(1.2);
}
.prices .prices__wrap .prices__item .prices__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 372px;
background-color: #F7F7F7;
padding: 40px 70px 40px 70px;
box-shadow: 0 3px 6px 0 rgba(35, 35, 68, 0.05);
}
.prices .prices__wrap .prices__item .prices__info .prices__info-head { padding-bottom: 20px;
border-bottom: 1px solid #D9D9D9;
}
.prices .prices__wrap .prices__item .prices__info .prices__info-head h3 {
margin-bottom: 15px;
}
.prices .prices__wrap .prices__item .prices__info .prices__info-head p {
font-weight: 700;
font-size: 20px;
line-height: 177%;
text-transform: uppercase;
color: #232344;
} .prices .prices__wrap .prices__item .prices__info .prices__info-list ul li {
position: relative;
margin-top: 20px;
padding-left: 24px;
}
.prices .prices__wrap .prices__item .prices__info .prices__info-list ul li:before {
position: absolute;
display: block;
top: 1px;
left: 0;
content: url(//isboxing.com/wp-content/themes/boxing-school/assets/img/icons/check-price.svg);
}
.prices .prices__wrap .prices__item .prices__info .button {
width: 100%;
margin-top: auto;
}
.prices .prices__wrap .prices__item.prices__item-center .prices__info {
background-color: #232344;
}
.prices .prices__wrap .prices__item.prices__item-center .prices__info .prices__info-head h3,
.prices .prices__wrap .prices__item.prices__item-center .prices__info .prices__info-head p,
.prices .prices__wrap .prices__item.prices__item-center .prices__info .prices__info-list ul li {
color: #fff;
}
.prices .prices__wrap .prices__item.prices__item-center .prices__info .prices__info-head {
padding-bottom: 20px;
border-bottom: 1px solid #747474;
}
.prices .prices__wrap .prices__item.prices__item-center .prices__info .button {
border: 1px solid #fff;
color: #fff;
}
.prices .prices__wrap .prices__item.prices__item-center .prices__info .button svg {
color: white;
transition: color 0.3s ease;
}
.prices .prices__wrap .prices__item.prices__item-center .prices__info .button:hover {
border: 1px solid #B32134;
} .our-team {
position: relative;
margin: 50px 0 150px 0;
}
.our-team h2 {
margin-bottom: 80px;
}
.our-team .box__image-1 {
position: absolute;
top: 47px;
right: 0;
z-index: 0;
}
.our-team .our-team__wrap .our-team__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
overflow: hidden;
height: 0;
margin: 0;
opacity: 0;
transition: opacity 0.3s ease, height 0.3s ease, margin 0.3s ease;
}
.our-team .our-team__wrap .our-team__item.visible {
height: auto;
margin-bottom: 100px;
padding-bottom: 20px;
opacity: 1;
}
.our-team .our-team__item .team__item__image {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 0 0 38%;
flex: 0 0 38%;
max-width: 38%;
height: 428px;
}
.our-team .our-team__item .team__item__image img {
width: 100%;
height: 100%;
background-clip: border-box;
-webkit-text-fill-color: inherit;
-o-object-fit: cover;
object-fit: cover;
z-index: 2;
}
.our-team .our-team__item:nth-child(odd) .team__item__image .team-img__frame {
right: -4%;
}
.our-team .our-team__item .team__item__image .team-img__frame {
position: absolute;
content: "";
width: 100%;
height: 100%;
bottom: -4%;
right: 4%;
border: 1px solid #F29DA8;
z-index: 0;
}
.our-team .our-team__item .team__item__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 0 0 59%;
flex: 0 0 59%;
max-width: 59%;
}
.our-team .our-team__item .team__item__info .team__info-head {
margin-bottom: 38px;
}
.our-team .our-team__item .team__item__info h3 {
margin-bottom: 10px;
}
.our-team .our-team__item .team__item__info span {
font-weight: 400;
font-size: 18px;
color: #2E2F5A;
}
.our-team .our-team__item .team__item__info p {
margin-top: 25px;
}
.our-team .our-team__item .team__item__info .team__info-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 55px;
}
.our-team .our-team__item .team__item__info .team__info-box .team__info-box-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 0 0 47%;
flex: 0 0 47%;
max-width: 47%;
}
.our-team .our-team__item .team__item__info .team__info-box .team__info-box-item ul li,
.accordeon .element.active .element-content ul li {
position: relative;
margin-bottom: 5px;
}
.our-team .our-team__item .team__item__info .team__info-box .team__info-box-item ul li:before,
.accordeon .element.active .element-content ul li:before {
position: absolute;
content: '';
width: 4px;
height: 4px;
background: #828282;
border-radius: 100px;
left: -12px;
top: 10px;
}
.our-team .our-team__item .team__item__info .team__info-box .team__info-box-item h4 {
font-weight: 500;
font-size: 18px;
color: #2E2F5A;
margin-bottom: 23px;
}
.our-team .our-team__item .team__item__info .team__info-box .team__info-box-item p {
margin-top: 0;
}
.our-team .our-team__line {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.our-team .our-team__line::before {
position: absolute;
content: "";
width: 100%;
height: 0;
top: 50%;
left: 0;
border: 0.40px solid #dedede;
z-index: -1;
}
.our-team .our-team__line .team__line-btn {
position: relative;
background-color: #fff;
padding: 0 52px 0 52px;
}
.dedication.rental-info {
padding: 150px 0 50px 0;
}
.dedication.rental-info .dedication__wrap {
grid-gap: 60px;
gap: 60px;
}
.dedication.rental-info .dedication__wrap .dedication__item .dedication__info {
margin: 45px 0 68px 0;
}
.dedication.rental-info .dedication__item.rental__item .dedication__image {
min-height: 655px;
}
.dedication.rental-info .dedication__item.rental__item .dedication__image .rental__img-1,
.dedication.rental-info .dedication__item.rental__item .dedication__image .rental__img-2 {
position: absolute;
width: 66%;
height: 56%;
}
.dedication.rental-info .dedication__item.rental__item .dedication__image .rental__img-1 {
top: 0;
left: 0;
}
.dedication.rental-info .dedication__item.rental__item .dedication__image .rental__img-2 {
right: 0;
bottom: 0;
}
.dedication.rental-info .dedication__item.rental__item .dedication__image .about-img__frame {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 66%;
height: 56%;
} .rental-price {
margin: 85px 0 150px 0;
}
.rental-price .rental-price__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
grid-gap: 30px;
gap: 30px;
margin-top: 70px;
}
.rental-price .rental-price__wrap .rental-price__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% / 12* 4 - 0px);
}
.rental-price .rental-price__wrap .rental-price__item .rental-price__schedule {
background-color: #F7F7F7;
height: auto;
}
.rental-price .rental-price__wrap .rental-price__item .rental-price__head {
background-color: #232344;
padding: 30px 30px 20px 30px;
}
.rental-price .rental-price__wrap .rental-price__item .rental-price__head h3 {
margin-bottom: 15px;
color: #fff;
}
.rental-price .rental-price__wrap .rental-price__item .rental-price__head p {
font-weight: 700;
font-size: 20px;
line-height: 177%;
text-transform: uppercase;
color: #fff;
}
.rental-price .rental-price__wrap .rental-price__item .rental-price__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 450px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 45px 30px 45px 30px;
}
.rental-price .rental-price__wrap .rental-price__item .rental-price__content ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
.advantages.advantages__rental {
position: relative;
background-color: #FBFBFB;
padding: 150px 0 150px 0;
margin: 0;
}
.advantages.advantages__rental .box__image-1 {
position: absolute;
top: -88px;
left: 0;
z-index: 0;
} .group-training.group-training__about {
margin: 150px 0 180px 0;
}
.group-training .group-training__wrap .group-training__item.about__item .group-training__schedule {
background-color: #232344;
}
.group-training .group-training__wrap .group-training__item.about__item .group-training__schedule .schedule__content.about__content {
min-height: auto;
padding: 40px 30px 40px 40px;
}
.group-training .group-training__wrap .group-training__item.about__item .group-training__schedule .schedule__content.about__content ul li {
margin-bottom: 65px;
}
.group-training .group-training__wrap .group-training__item.about__item .group-training__schedule .schedule__content.about__content ul li .about__content-title {
margin: 10px 0 15px 0;
font-weight: 700;
font-size: 20px;
line-height: 177%;
text-transform: uppercase;
color: #fff;
}
.group-training .group-training__wrap .group-training__item.about__item .group-training__schedule .schedule__content.about__content ul li .about__content-link ul li {
margin-bottom: 10px;
}
.group-training .group-training__wrap .group-training__item.about__item .group-training__schedule .schedule__content.about__content ul li p,
.group-training .group-training__wrap .group-training__item.about__item .group-training__schedule .schedule__content.about__content ul li .about__content-link ul li a,
.group-training .group-training__wrap .group-training__item.about__item .group-training__schedule .schedule__content.about__content ul li .about__content-link ul li span {
color: #E1E1E1;
}
.reviews.reviews__about {
padding: 140px 0 130px 0;
overflow: unset;
}
.reviews.reviews__about {
padding: 140px 0 130px 0;
overflow: unset;
}
.reviews.reviews__about .box__image-1 {
top: -76px;
} .blog {
margin: 150px 0 0 0;
}
.blog .blog__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog .blog__wrap .blog__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 0 0 68%;
flex: 0 0 68%;
max-width: 68%;
}
.blog .blog__wrap .blog__content .blog__content-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog .blog__wrap .blog__content .blog__content-box .page-content.no-results p {
width: 80%;
font-size: 20px;
color: #232344;
}
.blog .blog__wrap .blog__content .blog__content-box .blog__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
max-width: 48%;
background: #ffffff;
margin-bottom: 70px;
grid-gap: 30px;
gap: 30px;
transition: 0.5s;
}
.blog .blog__wrap .blog__content .blog__content-box .blog__item .blog__img {
position: relative;
overflow: hidden;
height: 300px;
transition: 0.5s;
}
.blog .blog__wrap .blog__content .blog__content-box .blog__item .blog__img img {
width: 100%;
height: 300px;
background-clip: border-box;
-webkit-text-fill-color: inherit;
-o-object-fit: cover;
object-fit: cover;
transition: 0.5s;
}
.blog .blog__wrap .blog__content .blog__content-box .blog__item:hover .blog__img img {
transform: scale(1.2);
}
.blog .blog__wrap .blog__content .blog__content-box .blog__item .blog__info h3 {
margin-bottom: 30px;
}
.blog .blog__wrap .blog__content .blog__content-box .blog__item .blog__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog .blog__wrap .blog__content .blog__content-box .blog__item .blog__line a.read__btn svg {
top: 13px;
}
.blog .blog__wrap .blog__content .blog__content-box .blog__item .blog__line p {
color: #3A3B71;
}
.blog .blog__wrap .blog__sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 0 0 28%;
flex: 0 0 28%;
max-width: 28%;
grid-gap: 100px;
gap: 100px;
}
.blog .blog__wrap .blog__sidebar .search__wrap form {
position: relative;
}
.blog .blog__wrap .blog__sidebar .search__wrap form button {
background: transparent;
border: none;
position: absolute;
left: 0;
top: 15px;
padding: 0px 18px 0 8px;
}
.blog .blog__wrap .blog__sidebar .search__wrap form input {
padding: 11px 16px 10px 50px;
}
.blog .blog__wrap .blog__sidebar .popular__post-widget .popular__post-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 25px;
gap: 25px;
margin-top: 30px;
}
.blog .blog__wrap .blog__sidebar .popular__post-widget .popular__post-wrap .popular__post-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 25px;
gap: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #D9D9D9;
}
.blog .blog__wrap .blog__sidebar .popular__post-widget .popular__post-wrap .popular__post-item img {
width: 110px;
height: 110px;
background-clip: border-box;
-webkit-text-fill-color: inherit;
-o-object-fit: cover;
object-fit: cover;
} .blog .blog__wrap .blog__sidebar .popular__post-widget .popular__post-wrap .popular__post-item .popular__body span {
font-weight: 400;
font-size: 16px;
line-height: 156%;
color: #828282;
}
.blog .blog__wrap .blog__sidebar .popular__post-widget .popular__post-wrap .popular__post-item .popular__body p {
font-weight: 700;
font-size: 18px;
line-height: 177%;
color: #232344;
margin-top: 12px;
text-transform: uppercase;
}
.blog .blog__wrap .blog__sidebar .blog__categories .categories__body {
margin-top: 50px;
}
.blog .blog__wrap .blog__sidebar .blog__categories .categories__body ul li {
margin-bottom: 15px;
}
.blog .blog__wrap .blog__sidebar .blog__categories .categories__body ul li a {
position: relative;
font-weight: 500;
font-size: 16px;
line-height: 150%;
padding-left: 12px;
text-transform: uppercase;
color: #828282;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
.blog .blog__wrap .blog__sidebar .blog__categories .categories__body ul li a:before {
content: '-';
position: absolute;
left: 0;
top: -3px;
}
.blog .blog__wrap .blog__sidebar .blog__categories .categories__body ul li a:hover {
color: #B32134;
}
#comments .comment-respond {
background-color: #FBFBFB;
padding: 68px 64px 68px 64px;
}
#comments .comment-respond h2 {
margin-bottom: 45px;
}
#comments .comment-respond .contact-block__forms {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#comments .comment-respond .contact-block__forms .form__field {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 10px;
}
#comments .comment-respond .contact-block__forms .form__field:first-child,
#comments .comment-respond .contact-block__forms .form__field:nth-child(2) {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
#comments .comment-respond .contact-block__forms .form__field:first-child {
padding-right: 50px;
}
#comments .comment-respond .contact-block__forms .form__field.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px;
}
#comments .comment-respond .contact-block__forms .form__field.d-flex .form__policy {
font-weight: 400;
font-size: 12px;
line-height: 170%;
color: #AEAEAE;
width: 25vw;
} .blog .blog__wrap .blog__content .blog__post-area {
margin: 0;
}
.blog .blog__wrap .blog__content .blog__post-area h3 {
margin-bottom: 40px;
}
.blog .blog__wrap .blog__content .blog__post-area figure.wp-block-image {
margin: 80px 0 80px 0;
}
.blog .blog__wrap .blog__content .blog__post-area figure.wp-block-image img {
flex: 1 0 0%;
height: 100%;
object-fit: cover;
width: 100%;
}
.blog .blog__wrap .blog__content .blog__post-area .navigation.post-navigation {
margin-top: 80px;
}
.blog .blog__wrap .blog__content .blog__post-area .navigation.post-navigation .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 70px;
}
.blog .blog__wrap .blog__content .blog__post-area .navigation.post-navigation .nav-links .nav-previous {
margin-bottom: 15px;
}
.blog .blog__wrap .blog__content .blog__post-area .navigation.post-navigation .nav-links .nav-next {
text-align: right;
}
.blog .blog__wrap .blog__content .blog__post-area .navigation.post-navigation a {
color: #B32134;
font-weight: 500;
}
.blog .blog__wrap .blog__content .blog__post-area .navigation.post-navigation .nav-links .nav-previous a span.nav-subtitle, 
.blog .blog__wrap .blog__content .blog__post-area .navigation.post-navigation .nav-links .nav-next a span.nav-subtitle {
display: block;
font-size: 14px;
color: #232344;
letter-spacing: 2px;
margin-bottom: 10px;
}
.blog .blog__wrap .blog__content .blog__post-area .navigation.post-navigation .nav-links .nav-previous a span.nav-title, 
.blog .blog__wrap .blog__content .blog__post-area .navigation.post-navigation .nav-links .nav-next a span.nav-title {
font-size: 17px;
color: #B32134;
line-height: 26px;
font-weight: 500;
}
.blog .blog__wrap .blog__content .blog__post-area .navigation.post-navigation .screen-reader-text {
display: none;
} .pagination__wrap,
.blog-pagi__box {
margin-top: 50px;
width: calc(100% / 12* 12 - 0px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pagination__wrap .pagination,
.blog-pagi__box .navigation.pagination .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-gap: 8px;
gap: 8px;
list-style: none;
}
.pagination__wrap .pagination a,
.blog-pagi__box .navigation.pagination .nav-links a {
display: inline-block;
width: 40px;
height: 40px;
border: 1px solid #dfe3e8;
line-height: 40px;
text-align: center;
font-size: 16px;
font-weight: 400;
color: #232344;
text-decoration: none;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.pagination__wrap .pagination span,
.blog-pagi__box .navigation.pagination .nav-links span {
display: inline-block;
width: 40px;
height: 40px;
background: #232344;
border-color: #232344;
color: #fff;
line-height: 40px;
text-align: center;
font-size: 16px;
font-weight: 400;
}
.pagination__wrap .pagination a:hover,
.blog-pagi__box .navigation.pagination .nav-links a:hover {
background: #232344;
border-color: #232344;
color: #fff;
} .contacts {
padding: 150px 0 100px 0;
}
.contacts .contacts__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contacts .contacts__wrap .contacts__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 0 0 38%;
flex: 0 0 38%;
max-width: 38%;
}
.contacts .contacts__wrap .contacts__info h2 {
margin-bottom: 65px;
}
.contacts .contacts__wrap .contacts__info .side__info-item {
margin-bottom: 45px;
}
.contacts .contacts__wrap .contacts__info .side__info-item span {
display: inline-block;
font-weight: 400;
font-size: 14px;
line-height: 167%;
color: #B32134;
text-transform: uppercase;
margin-bottom: 14px;
}
.contacts .contacts__wrap .contacts__info .side__info-item ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contacts .contacts__wrap .contacts__info .side__info-item p,
.contacts .contacts__wrap .contacts__info .side__info-item ul li a,
.contacts .contacts__wrap .contacts__info .side__info-item ul li span {
display: block;
font-weight: 700;
font-size: 18px;
line-height: 177%;
text-transform: uppercase;
color: #232344;
margin-bottom: 5px;
}
.contacts .contacts__wrap .contacts__info .side__info-item ul li span {
margin-right: 10px;
}
.contacts .contacts__wrap .contacts__info .side__social ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 30px;
gap: 30px;
}
.contacts .contacts__wrap .contacts__field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
.contacts .contacts__wrap .contact__forms .contacts__form .contact-block__forms .form__field.d-flex {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: flex-start;
}
.contact__forms .contacts__form .contact-block__forms .form__field.d-flex .form__policy {
margin-left: 30px;
}
.contacts .contacts__wrap .contacts__field .contact__forms .contacts__form .contact-block__forms {
box-shadow: 0 3px 10px 0 rgba(35, 35, 68, 0.1);
}
.map-section {
margin: 50px 0 150px 0;
}
.map-section .map__wrap iframe {
width: 100%;
height: 470px;
border: 0;
} .error-404.not-found .error {
text-align: center;
}
.error .clip .shadow {
height: 180px;
}
.error .clip:nth-of-type(2) .shadow {
width: 130px;
}
.error .clip:nth-of-type(1) .shadow, .error .clip:nth-of-type(3) .shadow {
width: 250px;
}
.error .digit {
width: 150px;  
height: 150px;
line-height: 150px;
font-size: 120px;
font-weight: bold;
}
.error h2  {
font-size: 32px;
font-weight: bold;
padding-bottom: 20px;
}
.error .errorPage {
position: relative;
height: 250px;
margin: 90px 0 38px 0;
padding-top: 40px;
text-align: center;
}
.error .errorPage .clip {
display: inline-block;
transform: skew(-45deg);
}
.error .clip .shadow {
overflow: hidden;
}
.error .clip:nth-of-type(2) .shadow {
overflow: hidden;
position: relative;
box-shadow: inset 20px 0px 20px -15px rgba(150, 150, 150,0.8), 20px 0px 20px -15px rgba(150, 150, 150,0.8);
}
.error .clip:nth-of-type(3) .shadow:after, .error .clip:nth-of-type(1) .shadow:after {
content: "";
position: absolute;
right: -8px;
bottom: 0px;
z-index: 9999;
height: 100%;
width: 10px;
background: linear-gradient(90deg, transparent, rgba(173,173,173, 0.8), transparent);
border-radius: 50%;
}
.error .clip:nth-of-type(3) .shadow:after  {
left: -8px;
}
.error .digit {
position: relative;
top: 8%;
color: white;
background: #B32134;
border-radius: 50%;
display: inline-block;
transform: skew(45deg);
}
.error .clip:nth-of-type(2) .digit {
left: -10%;
}
.error .clip:nth-of-type(1) .digit {
right: -20%;
}
.error .clip:nth-of-type(3) .digit {
left: -20%;
}
.error .go-back {
margin-top: 40px;
}
.contacts__form .wpcf7-not-valid-tip,
.contacts__form .wpcf7 form .wpcf7-response-output {
font-size: 14px;
}