/*preheader*/
.pre__header{
	background-color: var(--blue);
	color: var(--cream);
	padding: 1.5rem 1rem;
}
.pre__header__inner {
    max-width: 80rem;
}
.head__infos > * > span {
    background-color: var(--orange);
    border-radius: 50%;
    padding: 0.2rem;
    margin-right: 0.5rem;
}
.head__infos > *:not(:last-child) {
    margin-right: 1.1rem;
}
.head__infos > a:hover {
    opacity: .9;
}
.social__media > a {
    width: 1.3rem;
    height: 1.3rem;
}
.social__media > a:not(:last-child) {
    margin-right: 1.1rem;
}
@media screen and ( max-width: 604px ){
    .pre__header__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .head__infos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .head__infos > *:not(:last-child) {
        margin-right: 0;
        margin-bottom: 0.75rem;
    }
    .social__media {
        margin-top: 2rem;
    }
}
/*header*/
.header {
    max-width: 65rem;
    margin-top: 2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 1rem;
    border-bottom: 0.00625rem solid rgba(0,0,0,.2);
}
.logo {
    width: 18rem;
}
.leader__container > img {
    border-radius: 50%;
    margin-right: 1rem;
}
.leader__name {
    font-size: 1.7rem;
    font-weight: 700;
}
.leader__property {
    font-size: 1rem;
}
@media screen and ( max-width: 768px ){
    .header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .logo {
        max-width: 15.625rem;
        margin-bottom: 1rem;
    }
}
@media screen and ( max-width: 480px ){
    .leader__name {
        font-size: 1.5rem;
    }
    .leader__property {
        font-size: .9375rem;
    }
    .leader__container > img {
        width: 3.125rem;
        height: 3.125rem;
    }
    .logo {
        max-width: 11.625rem;
    }
}
/*menu*/
.menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.menu a {
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
}
.menu a:not(:last-child) {
    margin-right: 2rem;
}
.menu a:hover {
    color: var(--blue);
    opacity: 0.8;
}
.category_item {
    font-size: 1.3125rem;
    display: inline-block;
}
.category_item:hover {
    color: var(--blue);
    text-decoration: underline;
}
.menu .blog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.menu .blog span {
    margin-right: 0.35rem;
}
.menu__fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--cream);
    z-index: 100;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    -webkit-box-shadow: 0 0.9375rem 0.625rem -0.9375rem rgb(0 0 0 / 15%);
    box-shadow: 0 0.9375rem 0.625rem -0.9375rem rgb(0 0 0 / 15%);
    -webkit-transition: top 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: top 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
@media screen and ( max-width: 992px ){
    .menu a {
        font-size: .9375rem;
    }
    .menu a:not(:last-child) {
        margin-right: 1rem;
    }
}
@media screen and ( max-width: 604px ){
    .menu__item {
        display: none;
    }
    .menu .blog {
        font-size: 1.25rem;
    }
    .menu .blog span {
        font-size: 2rem;
    }
    .menu__fixed {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}
/*slider*/
.slider {
    background-image: url(../icons/slider/slider_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 30rem;
    border-bottom: 0;
}
.slider__content {
    position: relative;
}
.slide__box {
    -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;
}
.slide__content {
    height: 38.9375rem;
}
.slide__info {
    margin-top: 2rem;
}
.slide__left > img {
    max-width: 7rem;
}
.slide__title {
    font-size: 2.1rem;
    font-weight: 700;
    margin-bottom: 1rem;
    max-width: 30rem;
}
.slide__t1 {
    font-size: 1.2rem;
    line-height: 1.5;
}
.slide__t2 {
    color: var(--blue);
    font-size: 1.4375rem;
    margin-bottom: .75rem;
}
.slide__readmore {
    color: var(--cream);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 1rem;
    background-color: var(--blue);
    padding: 0.5rem 1rem;
    border-radius: 0.1875rem;
    -webkit-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
}
.slide__readmore:hover {
    background-color: var(--orange);
    color: var(--cream);
}
.slide__left {
    width: 55%;
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 3rem 10rem 3rem 3rem;
}
.slide__right {
    position: relative;
    width: 45%;
    height: 100%;
}
.slider__background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and ( max-width: 1366px ){ /*1366px*/
    .slide__content {
        height: 33.4375rem;
    }
    .slide__t2 {
        font-size: 1.0625rem;
    }
    .slide__title {
        font-size: 2.1375rem;
    }
    .slide__t1 {
        font-size: 1rem;
    }
    .slide__readmore {
        font-size: .9375rem;
    }
}
@media screen and ( max-width: 1024px ){ /*768px*/
    .slider {
        min-height: auto;
    }
    .slide__content {
        height: auto;
    }
    .slide__left {
        width: 100%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .slide__right {
        display: none;
    }
}
@media screen and ( max-width: 480px ){ /*480px*/
    .slide__info {
        margin-top: 1.5rem;
    }
    .slide__left > img {
        max-width: 5rem;
    }
    .slide__title {
        font-size: 1.5625rem;
    }
    .slide__t1 {
        font-size: .9375rem;
    }
    .slide__readmore {
        font-size: .875rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .swiper-button-next, .swiper-button-prev {
        top: initial;
        bottom: 10px;
    }
    .swiper-button-prev {
        left: auto;
        right: 60px;
    }
}
/*about*/
.about {
    max-width: 85rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.about__message > p:not(:last-child) {
    margin-bottom: 1rem;
}
.nextdoor {
    font-size: 2.5rem;
    text-align: center;
    margin-top: 2rem;
}
.nextdoor span {
    display: inline-block;
    font-weight: 700;
    color: var(--blue);
}
.about__message {
    height: 36rem;
    overflow-y: scroll;
    padding-right: 1rem;
    margin-top: 2rem;
}
.about__message::-webkit-scrollbar {
    width: .6rem;
}
.about__message::-webkit-scrollbar-track {
    background: #ebebeb;
}
.about__message::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover {
    background: var(--blue);
}
.about__left {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
}
.about__text {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    padding: 0 3rem;
}
.about__text h2 {
    font-size: 1.5rem;
    font-weight: 700;
}
.about__message > p span {
    color: var(--blue)!important;
}
.about__tools {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 0.00625rem solid rgba(0,0,0,.1);
}
.about__tools > *:not(.link__more) {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
}
.about__tools > *:hover {
    opacity: .8;
}
.about__tools > *:not(:last-child) {
    margin-right: 2rem;
}
.about__tools > * > span {
    font-size: 2.5rem;
}
.a__Text {
    position: absolute;
    top: -1.5625rem;
    left: 50%;
    font-size: .9375rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    opacity: 0;
}
.about__tools > *:hover > .a__Text {
    opacity: 1;
}
@media screen and ( max-width: 1024px ){
    .nextdoor {
        font-size: 2.1rem;
    }
}
@media screen and ( max-width: 991px ){
    .about__left {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center;
    }
    .nextdoor {
        font-size: 1.9rem;
    }
    .about__text {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        padding: 0;
        margin-top: 4rem;
    }
    .about__text h2 {
        font-size: 1.1rem;
    }
}
@media screen and ( max-width: 480px ){
    .about__text h2 {
        font-size: 1rem;
    }
}
/*footer*/
.footer__node {
    background-color: #35343a;
    color: var(--cream);
    padding: 4rem 2.5rem;
}
.footer__content {
    max-width: 75rem;
    margin: 0 auto;
}
.footer__1 {
    margin-bottom: 3.125rem;
    padding-bottom: 2.375rem;
    border-bottom: 0.125rem solid rgba(255,255,255,.1);
}
.footer__social__media h2 ,.footer__box > h2 ,.footer__col__left ul li,.footer__box ul li {
	color: #F5F5F5;
}
.footer__social__media h2 {
    font-size: 1.175rem;
    margin-bottom: 1rem;
    letter-spacing: .1rem;
}
.footer__social__media ul li:not(:last-child) {
    margin-right: 1.25rem;
}
.footer__social__media a > svg {
    width: 1.875rem;
    height: 1.875rem;
}
.footer__social__media li > svg {
    width: 3.125rem;
    height: 3.125rem;
}
.footer__col__left > a {
    width: 18.75rem;
    margin-bottom: 1.875rem;
}
.footer__col__left ul li ,.footer__box > h2,.footer__box ul li {
	font-size: 1.1rem;
}
.footer__col__left ul li {
	font-weight: 300;
}
.footer__col__left ul li:not(:last-child) {
    margin-bottom: 1.5625rem;
}
.footer__col__left > ul > li > a:hover {
    color: var(--orange);
}
.footer__col__left ul li svg {
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 0.9375rem;
}
.footer__col__left ul li svg + span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.footer__col__left ul li:last-child svg + span {
    letter-spacing: 0.035em;
}
.footer__box > h2 {
	font-weight: 700;
}
.footer__box > h2:after {
	content: '';
	display: block;
	background-color: #F5F5F5;
	width: 11.25rem;
	height: 0.125rem;
    margin-top: 1.875rem;
    margin-bottom: 1.75rem;
}
.footer__box ul li {
	font-weight: 300;
}
.footer__box ul li:not(:last-child) {
    margin-bottom: 1.225rem;
}
.footer__box ul li a:hover {
    color: var(--orange);
}
.footer__box ul li:before {
    position: relative;
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    background-color: #F5F5F5;
    margin-right: 0.4375rem;
    border-radius: 0.5rem;
}
.footer__bottom {
    background-color: #1D1C1F;
    color: var(--cream);
    font-size: .95rem;
}
.footer__inner {
    color: var(--cream);
    max-width: 77.5rem;
    padding: 1.125rem 1.25rem;
}
.designedby {
	text-align: center;
}
.designedby > a {
    color: #96aac5;
    font-weight: 700;
    display: inline-block;
    margin-left: 0.3125rem;
}
@media only screen and (max-width: 768px){
    .footer__box {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 5rem;
    }
}
@media only screen and (max-width: 480px){
    .footer__col__left > a {
        width: 12.75rem;
    }
    .footer__inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: .9375rem;
		padding-bottom: 4rem
    }
    .footer__node {
        padding: 3rem 1.5rem;
    }
    .footer__social__media h2 {
        font-size: .9375rem;
    }
    .footer__social__media a > svg {
        width: 1.375rem;
        height: 1.375rem;
    }
    .footer__col__left ul li, .footer__box > h2, .footer__box ul li {
        font-size: .9375rem;
    }
    .footer__col__left ul li svg {
        width: 1.375rem;
        height: 1.375rem;
        margin-right: 0.6375rem;
    }
    .copyright {
        margin-bottom: 0.5rem;
        text-align: center;
    }
}
/* team */
.team {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.team__container {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}
.member__box {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    padding: 1.5rem 0.5rem;
    background-color: var(--blue);
    cursor: pointer;
    max-width: initial;
    border-radius: 2px;
}
.member__box:hover {
    opacity: .85;
}
.member__image {
    width: 8rem;
    height: 9rem;
    border: 0;
    border-radius: 0;
    margin-bottom: 0.6875rem;
    -webkit-box-shadow: .1875rem .1875rem .4375rem rgba(0,0,0, .3);
    box-shadow: .1875rem .1875rem .4375rem rgba(0,0,0, .3);
}
.member__image img {
    border-radius: 0;
    width: 100%;
    height: 100%;
}
.member__box h3 {
    color: var(--cream);
    font-size: .9375rem;
    font-weight: 400;
    text-align: center;
}
.member__box h4 {
    color: var(--cream);
    font-size: .9375rem;
    font-weight: 700;
    text-align: center;
}
.team__subcategories {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
    z-index: -1;
    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;
}
.team__subcategories.open {
    opacity: 1;
    visibility: visible;
	z-index: 99999999999;
}
.team__subcategories.open .team__inner {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.team__overlay {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: black;
    opacity: .6;
}
.team__inner {
    max-width: 70rem;
    background-color: var(--cream);
    position: relative;
    -webkit-transform: translatey(calc(100% - 3.125rem));
    -ms-transform: translatey(calc(100% - 3.125rem));
    transform: translatey(calc(100% - 3.125rem));
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
}
.team__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 1.8125rem;
    color: #000;
    opacity: 1;
    margin-top: 1rem;
    margin-right: 1rem;
}
.team__close span {
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.team__close span:hover {
    color: var(--color-1);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.member-details {
    max-width: 90rem;
    padding: 2rem 2rem;
    text-align: left;
}
.member-details__1 {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    margin-right: 5%;
    background-image: url(../icons/dots.png);
    background-repeat: repeat;
    background-size: auto;
}
.member__name {
    color: var(--blue);
    font-size: 1.8125rem;
    font-weight: 700;
    margin-top: 1rem;
}
.member__property {
    color: #000;
    font-size: 1.1875rem;
    margin-top: 0.5rem;
}
.member__tools {
    margin-top: 2rem;
}
.member__tool {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.0625rem;
}
.member__tool:hover {
    opacity: .8;
}
.member__tools > .member__tool:not(:last-child) {
    margin-bottom: .9rem;
}
.member__tool > span {
    color: var(--blue);
    margin-right: 0.75rem;
}
.email__position, .mobile__position {
    font-size: 1.0625rem;
}
.member-details__2 {
    -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
}
.member__cv {
    font-size: 1.0625rem;
    line-height: 1.5;
    max-height: 29rem;
    overflow-y: scroll;
    padding-right: 0.75rem;
}
.member__cv > p:not(:last-child) {
    margin-bottom: 1.5rem;
}
@media screen and ( max-width: 768px ){
    .member-details__1 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-right: 0;
        margin-bottom: 2rem;
    }
    .member-details__image {
        display: none;
    }
    .member-details__2 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }    
}
@media screen and ( max-width: 480px ){
    .member_box {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0 0 1rem 0;
    }
    .member-details {
        max-width: initial;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .member__cv {
        font-size: .9375rem;
    }
}
/*map*/
.map__left__column {
    width: 20rem;
    text-align: left;
    background-image: url(../front/icons/map/bg.png);
    background-size: cover;
}
.map__reference {
    position: relative;
    color: #000;
    font-size: .9375rem;
    font-weight: 700;
    text-shadow: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-transition: linear .25s;
    -o-transition: linear .25s;
    transition: linear .25s;
    border-bottom: 0.0625rem solid var(--orange);
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.map__reference:not(.map__active):hover {
    color: var(--orange);
}
.map__active {
    background-color: var(--blue);
    color: var(--cream);
    padding-left: 0.5rem;
}
#map__googleview_2023{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.map__right__column {
    width: 20rem;
    background-color: var(--blue);
    padding: .5375rem;
}
.map__press {
    overflow-y: scroll;
    height: 50rem;
    padding: .9375rem;
}
.map__press > p {
    color: var(--cream);
    font-size: .9375rem;
}
.map__press > p:not(:last-child) {
    margin-bottom: .9375rem;
}
@media screen and ( max-width: 1180px ){
    .map__left__column {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .map__reference {
        width: 25%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    #map__googleview_2023 {
        min-height: 35rem;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .map__right__column {
        width: 100%;
        padding: 1rem 0;
    }
}
@media screen and ( max-width: 768px ){
    .map__reference {
        width: 50%;
    }
}
@media screen and ( max-width: 604px ){
    .map__reference {
        width: 100%;
    }
}
/*form*/
.node__form {
    background-image: url(../icons/contact/boat_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.mail__form {
    background-color: rgba(0,0,0,.6);
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
    padding: 4rem 2rem;
    border-radius: 1rem;
}
.mail__input {
    -ms-flex-preferred-size: 31.333333%;
    flex-basis: 31.333333%;
}
.mi__r {
    margin-right: 3%;
}
.mail__input label {
    color: var(--cream);
    font-size: .9375rem;
    margin-bottom: 0.8rem;
}
.mail__input input {
    background-color: var(--cream);
    padding: 1rem;
}
.mail__textarea {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.mail__textarea textarea {
    background-color: var(--cream);
    resize: none;
    height: 15rem;
    padding: 1rem;
}
.mail__send {
    background-color: var(--blue);
    color: var(--cream);
    width: auto;
    margin-top: 2rem;
    padding: 1rem 1rem;
    font-size: 1rem;
    border-radius: .1875rem;
    cursor: pointer;
    border-bottom: .1875rem solid transparent;
}
.mail__send:hover {
    background-color: var(--cream);
    color: var(--blue);
    border-bottom-color: var(--orange);
}
#terms + label span {
    background-color: var(--cream);
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    border-radius: 50%;
    -webkit-transition: background-color 150ms 0.2s, -webkit-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    transition: background-color 150ms 0.2s, -webkit-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    -o-transition: background-color 150ms 0.2s, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    transition: background-color 150ms 0.2s, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    transition: background-color 150ms 0.2s, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89), -webkit-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    cursor: pointer;
}
.terms__of__use {
    margin-top: 1rem;
}
#terms + label span:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-radius: .8rem;
    background-color: var(--cream);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#terms + label span + div {
    color: var(--cream);
    margin-left: 0.9rem;
    font-size: 1rem;
    font-weight: 300;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
#terms + label span + div > a {
    display: inline-block;
}
#terms + label span + div > a:hover {
    text-decoration: underline;
}
#terms {
    display: none;
}
#terms:checked + label span {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}
#terms:checked + label span:before {
    background-color: var(--blue);
    width: 0.8rem;
    height: 0.8rem;
    -webkit-transition: width 150ms ease 0.1s,height 150ms ease 0.1s;
    -o-transition: width 150ms ease 0.1s,height 150ms ease 0.1s;
    transition: width 150ms ease 0.1s,height 150ms ease 0.1s;
}
@media screen and ( max-width: 768px ){
    .mail__form {
        padding: 3rem 1rem;
    }
    .mi__r {
        margin-right: 0;
        margin-bottom: 2rem;
    }
    .mail__input {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}
@media screen and ( max-width: 480px ){
    .node__form {
        padding-top: 0;
        padding-bottom: 0;
    }
    .mail__form {
        border-radius: 0;
    }
}
/*reviews*/
.reviews__wrapper {
    background-image: url(../icons/boats.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 5rem;
    padding-bottom: 9rem;
}
.reviews__container {
    position: relative;
    max-width: 65rem;
    padding-left: 5rem;
    padding-right: 5rem;
}
.review__box {
    color: var(--cream);
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.review__comment {
    font-size: 1.1875rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    min-height: 3.5625rem;
    text-align: center;
}
.review__image {
    width: 5rem;
    height: 5rem;
    margin-right: 1.5rem;
}
.review__image > img {
    border-radius: 50%;
}
.review__person h3 {
    font-size: 1.3125rem;
    font-weight: 700;
    margin-bottom: .0625rem;
}
.reviews__wrapper .paging-reviews {
    position: relative;
    display: none;
}
.reviews__wrapper .swiper-pagination-bullet {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 0.625rem;
    background-color: var(--cream)!important;
    display: inline-block;
    -webkit-transition: width 500ms ease-in-out,background-color 500ms ease-in-out;
    -o-transition: width 500ms ease-in-out,background-color 500ms ease-in-out;
    transition: width 500ms ease-in-out,background-color 500ms ease-in-out;
}
.reviews__wrapper .swiper-pagination-bullet-active {
    background-color: rgba(255,255,255,.9)!important;
    width: 1.5625rem;
    -webkit-transition: width 500ms ease-in-out,background-color 500ms ease-in-out;
    -o-transition: width 500ms ease-in-out,background-color 500ms ease-in-out;
    transition: width 500ms ease-in-out,background-color 500ms ease-in-out;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}
@media screen and ( max-width: 604px ){
    .reviews__wrapper {
        padding-bottom: 6rem;
    }
    .reviews__container {
        max-width: initial;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .reviews__inner {
        margin-bottom: 2rem;
    }
    .review__comment {
        font-size: .9375rem;
    }
    .review__image {
        width: 3.125rem;
        height: 3.125rem;
        margin-right: 0.75rem;
    }
    .review__person h3 {
        font-size: 1.0625rem;
        margin-bottom: .125rem;
    }
    .review__person h3 + h4 {
        font-size: .9375rem;
    }
    .reviews__wrapper .swiper-button-next, .reviews__wrapper .swiper-button-prev {
        display: none;
    }
    .reviews__wrapper .paging-reviews {
        display: block;
    }
    .reviews__wrapper .swiper-pagination-bullet:not(:last-child) {
        margin-right: 0.5rem;
    }
}
/*books*/
.books__inner {
    max-width: 70rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.books__left {
    -ms-flex-preferred-size: 46%;
        flex-basis: 46%;
}
.books__left > h3 {
    font-size: .9375rem;
}
.books__left > h4 {
    color: var(--blue);
    font-size: 2.1875rem;
    font-weight: 700;
    margin: 0 0 3rem 0;
}

.books__left > p {
    font-size: 1.1875rem;
    font-style: italic;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.books__right {
    -ms-flex-preferred-size: 47%;
    flex-basis: 47%;
    margin-left: 7%;
}
.book__header {
    color: #464040;
    font-size: 1.5625rem;
    margin-bottom: .625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.book__header:before {
    position: relative;
    content: '';
    width: 2rem;
    height: .0625rem;
    background-color: #464040;
    margin-right: 0.75rem;
}
.book__class {
    padding-bottom: 1rem;
}
.book__cover {
    -webkit-transition: opacity 200ms ease-in-out,-webkit-transform 300ms ease-in-out;
    transition: opacity 200ms ease-in-out,-webkit-transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out,opacity 200ms ease-in-out;
    transition: transform 300ms ease-in-out,opacity 200ms ease-in-out;
    transition: transform 300ms ease-in-out,opacity 200ms ease-in-out,-webkit-transform 300ms ease-in-out;
    width: 31.333333%;
    margin: 1%;
}
.book__cover:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: .7;
}
.book__cover img {
    min-height: auto;
}
@media screen and ( max-width: 1024px ){
	.books__left {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center;
        width: initial;
        margin-bottom: 3.5rem;
	}
    .books__right {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and ( max-width: 768px ){
    .book__class {
        max-width: 40rem;
    }
}
@media screen and ( max-width: 480px ){
    .books__left > h4 {
        font-size: 1.5625rem;
    }
    .books__left > p {
        font-size: 1.0625rem;
        font-style: normal;
    }
    .book__note {
        font-size: .9375rem;
    }
}
/*canvas*/
.canvas__subcategories {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
    z-index: -1;
}
.canvas__subcategories.open {
    opacity: 1;
    visibility: visible;
	z-index: 99999999999;
}
.canvas__subcategories.open .canvas__inner {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.canvas__overlay {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: black;
    opacity: .6;
}
.canvas__inner {
    width: 100%;
    height: 100%;
    width: 23.75rem;
    background-color: var(--cream);
    -webkit-box-shadow: -0.0625rem 0 1.25rem -0.3125rem #aaa;
    box-shadow: -0.0625rem 0 1.25rem -0.3125rem #aaa;
    position: relative;
    -webkit-transform: translateX(calc(100% - 3.125rem));
    -ms-transform: translateX(calc(100% - 3.125rem));
    transform: translateX(calc(100% - 3.125rem));
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
    margin-left: auto;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
    border-left: .3125rem solid var(--blue);
    border-bottom: .3125rem solid var(--blue);
}
.canvas__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 1.8125rem;
    color: #000;
    opacity: 1;
    padding: 1.25rem 1.25rem 0 1.25rem;
}
.canvas__close span {
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.canvas__close span:hover {
    color: var(--color-1);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.canvas__content {
    text-align: left;
    padding: 1rem 1rem;
}
.canvas__content h2 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.canvas__content > ul > li:not(:last-child) {
    margin-bottom: 1.5rem;
}
.canvas__menu {
    border-bottom: 0.0625rem solid rgba(0,0,0,.2);
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}
a[class^="canvasfixed__"]{
    margin-top: 1rem;
    margin-left: -.375rem;
}
a[class^="canvasfixed__"]:hover {
    opacity: .8;
}
a[class^="canvasfixed__"] > span {
    background-color: var(--blue);
    color: var(--cream);
    font-size: 1.3125rem;
    border-radius: 50%;
    padding: 0.3rem;
    margin-right: 0.5rem;
}
a[class^="canvasfixed__"] .place {
    font-size: 1rem;
}
@media (max-width: 991px) {
	.canvas__menu .dropdown__menu > li:not(:last-child) {
		margin-bottom: 1.2rem;
	}
	.canvas__menu .drop__item > a {
		color: var(--blue);
		font-weight: 700;
		margin-bottom: 1rem;
		display: none;
	}
	.canvas__menu .dropdown__menu > li > a {
		font-weight: 700;
	}
	.canvas__menu .dropdown__menu .children {
		border-bottom: 0.00625rem solid rgba(0,0,0,.1);
		padding-bottom: 1.2rem;
		margin-top: 1rem;
	}
	.canvas__menu .dropdown__menu .children > li:not(:last-child) {
		margin-bottom: .5rem;
	}
}